1、 css3中的屬性選擇器,css復(fù)合選擇器有哪三種?
1、元素選擇器 標(biāo)簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時選中多個選擇器對應(yīng)的元素(通常用于集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、復(fù)合選擇器(交集選擇器)
作用:選擇更準(zhǔn)確更精細(xì)的目標(biāo)元素并為其設(shè)置屬性
語法:選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格,要緊挨在一起
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、后代元素選擇器
作用:選中指定元素的指定后代元素
語法:祖先元素 后代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態(tài)
:hover 移入時元素的狀態(tài)
:visited 已被訪問過后的元素的狀態(tài)
:active 被點(diǎn)擊時元素的狀態(tài)
10、 屬性選擇器
作用:根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素
語法:[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個元素后緊挨著的指定的兄弟元素
語法:前一個+后一個(作用在后一個)
~選擇器
作用:選中后邊所有的制定兄弟元素
語法:前一個~后邊所有
2、 css和css3的區(qū)別?
一、指代不同
1、CSS3:是CSS(層疊樣式表)技術(shù)的升級版本,于1999年開始制訂,2001年5月23日W3C完成了CSS3的工作草案。
2、CSS:是一種用來表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集)等文件樣式的計算機(jī)語言。二、內(nèi)容不同
1、CSS3:主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。
2、CSS:不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。
三、特點(diǎn)不同1、CSS3:新特征有很多,例如圓角效果、圖形化邊界、塊陰影與文字陰影、使用RGBA實(shí)現(xiàn)透明效果、漸變效果、使用@Font-Face實(shí)現(xiàn)定制字體、多背景圖、文字或圖像的變形處理(旋轉(zhuǎn)、縮放、傾斜、移動)、多欄布局、媒體查詢等。
2、CSS: 能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力。
3、 Htmlcss和Html5Css3的區(qū)別?
HTML:http://codingdict.com/article/6064
什么是HTML?
HTML (Hyper Text Markup Language)是超文本標(biāo)記語言的縮寫HTML 使用標(biāo)記語言描述Web頁面的結(jié)構(gòu)HTML 元素是HTML頁面的構(gòu)建塊HTML 元素通過標(biāo)簽tag表示HTML 標(biāo)簽是“標(biāo)題”、“段落”,“表格”等內(nèi)容的一部分。瀏覽器不顯示HTML標(biāo)簽,但是使用它們來渲染頁面內(nèi)容。css:http://codingdict.com/article/1945
CSS 是層疊式樣式表(Cascading Style Sheets)CSS 介紹了HTML元素如何顯示在屏幕上,紙上,或在其他媒體CSS 節(jié)省了大量的工作. 它可以同時控制多個網(wǎng)頁的布局外部樣式表存儲在CSS文件中html5;http://codingdict.com/article/1449
什么是新的HTML5?
在HTML5中 DOCTYPE聲明非常簡單:
<!DOCTYPE html>字符編碼 (charset) 聲明也非常簡單:
<meta charset="UTF-8">css3:http://codingdict.com/article/2005
CSS3是CSS的最新標(biāo)準(zhǔn)。
CSS3是完全向后兼容早期版本的CSS。
這一部分教你關(guān)于CSS3的新特點(diǎn)!
4、 HTML和CSS各種常用標(biāo)簽和屬性熟記于心?
像代碼這種東西,熟記于心只是第一步,后面的路還長著呢。一個像樣的靜態(tài)網(wǎng)頁,需要的不僅僅是你各種標(biāo)簽的使用,還需要設(shè)計。只有一個好的設(shè)計,再加上你得構(gòu)造,才能做一個像樣的靜態(tài)網(wǎng)頁。靜態(tài)網(wǎng)頁還只涉及到前端,如果做動態(tài)網(wǎng)頁,還需要后端的支持。中間不知道有多少坑,當(dāng)你做的時候就發(fā)現(xiàn),標(biāo)簽串聯(lián)起來,可能還不起作用呢。還有啊,別以為html和css記住幾個標(biāo)簽就能說熟記于心了,干好幾年的前端有時候還得翻文檔呢。所以啊,路還好很長呢。先來個hello word吧。