javascript選擇器的css,計(jì)算機(jī)程序員為什么不直接使用css作為控制代碼?
其實(shí)css和JavaScript完全是做兩個(gè)事情的,他們兩個(gè)之間其實(shí)是在各施其職,并且協(xié)調(diào)配合一起工作的。那么我們通過理解他們的兩個(gè)的作用來理解理解就知道了為什么不直接使用css做控制,而是用JavaScript。
用來給html化裝的css和我上面的標(biāo)題說的一樣,css(Cascading Style Sheets)又名級(jí)聯(lián)樣式表,他的作用我們從下面三個(gè)方面來理解它就能最基本的理解它的作用了:
為什么要使用css
我們了解html的小伙伴應(yīng)該知道,html是給網(wǎng)頁搭建一個(gè)基礎(chǔ)的結(jié)構(gòu)框架,讓網(wǎng)頁有一個(gè)最基本的整體結(jié)構(gòu),有了結(jié)構(gòu)才能做下面的其它交互操作。這個(gè)就像起房子搭建了房子的整體結(jié)構(gòu)里面還沒有內(nèi)容。那么這個(gè)時(shí)候我們需要一個(gè)給這個(gè)整體結(jié)構(gòu)化妝的語言,那就是css了。css是什么
css最簡單的理解就是給html這個(gè)整體結(jié)構(gòu)添加樣式效果的。這個(gè)就好比如你買的毛坯房需要裝修一樣。css的作用就是如此。基本的語法結(jié)構(gòu):
選擇器{
設(shè)置的樣式屬性:值;
}
css的使用
css的樣式屬性,答主根據(jù)自己的理解大體把他們分為如下幾類:
基本的樣式設(shè)置屬性:比如字體樣式,背景等等;
盒子模型:比如內(nèi)邊距,外邊距,邊框等等;
布局的定位屬性:比如浮動(dòng),相對(duì)定位,絕對(duì)定位等等;
動(dòng)畫屬性:比如2D變形加過渡,動(dòng)畫等等;
html和css配合一起使用完成基礎(chǔ)的靜態(tài)頁面使前端html頁面動(dòng)起來的javaScriptJavaScript它的最主要的作用就是給網(wǎng)頁添加各種動(dòng)態(tài)功能的。為何這樣說來看看它的構(gòu)成就知道了:
ECMAScript:包含了JavaScript的基本語法結(jié)構(gòu)和基礎(chǔ)的要操作的對(duì)象
DOM:又叫文檔對(duì)象模型。它里面就是存放了所有操作html結(jié)構(gòu)的方法和接口
BOM:又叫瀏覽器對(duì)象模型。他里面存放的是操作瀏覽器窗口的方法和接口
javaScript的組成部分css和JavaScript的區(qū)別通過上面對(duì)兩個(gè)技術(shù)簡單的描述,可以看到他們兩個(gè)的作用完全是不一樣的;所以題主所說的使用css作為控制代碼在它的作用上是不成立的。還有JavaScript其實(shí)沒有那么難懂,其實(shí)它的特點(diǎn)弱類型就決定了它的使用其實(shí)是很簡單,并且很容易理解的。 JavaScript的作用就是為了是頁面交互起來。
各盡其責(zé),相互之間無法被替代總結(jié):通過那么多的解釋性的內(nèi)容,可以理解,css就是用來做頁面的樣式以及布局作用的。但是要使頁面間能起到動(dòng)態(tài)的交互效果是需要JavaScript來實(shí)現(xiàn)的。至于css來實(shí)現(xiàn)是很難做到的,畢竟做一類事情是需要一個(gè)專門的解決方案,這樣才能更加高效。
以上是答主自己的理解的內(nèi)容,希望大家能點(diǎn)贊,評(píng)論,加關(guān)注謝謝!
html中使用jQuery和css?
簡單說下:css:
1、css有行內(nèi)樣式、內(nèi)聯(lián)樣式、外聯(lián)樣式。當(dāng)然你還要學(xué)會(huì)選擇器的語法和作用1.1、行內(nèi)樣式:就是在標(biāo)簽中定義,如
1.2、內(nèi)聯(lián)樣式:就是在中定義,如: 1.
3、外聯(lián)樣式:就是引入外部樣式文件,如: 2、js:前提是會(huì)js語法2.1、使用js:2.1.1、定義:html文件定義:或者引入外部js文件:2.1.2、使用:3、jQuery使用:以上都需要你學(xué)會(huì)對(duì)css使用,js語法及使用,jquery方法使用有一定了解建議你看http://www.w3school.com.cn。里面有簡單教如何使用css、js、jquery。希望能夠幫到你
MySQL全部學(xué)完要多久?
你指的學(xué)完是?學(xué)完常用的基礎(chǔ)知識(shí)嗎?
我感覺學(xué)完這些常用的基本知識(shí)半年之內(nèi)學(xué)完,沒有任何問題!
但是,我想說,即使看似再簡單的 HTML 和 CSS ,其實(shí)也有很多隱藏的技巧,深入的知識(shí)等,學(xué)完基礎(chǔ)知識(shí)是一回事,學(xué)會(huì)是另外一回事!
就像你說的上面的每一個(gè)開發(fā)語言和技術(shù)單獨(dú)拿出來都需要很長時(shí)間才能精通!
學(xué)完和學(xué)會(huì)是兩回事!
css幾種選擇器的使用?
1.類選擇器(class選擇器)
基本使用:
.類選擇器{
屬性名: 屬性值;
...}
2.id選擇器
基本使用:
#id選擇器{
屬性名: 屬性值;
...
}
3. html元素選擇器
某個(gè)html元素{
屬性名: 屬性值;
...
}
4.通配符選擇器
該選擇器可以用到所有的html元素,但是其優(yōu)先權(quán)最低
*{
屬性名: 屬性值;
...
}