亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > WEB開發 > 正文

2014年度辛星css教程夏季版第二節

2024-04-27 14:33:57
字體:
來源:轉載
供稿:網友
2014年度辛星CSS教程夏季版第二節

第一節我們簡介了一下CSS的工作流程,我相信讀者會有一個大體的認識,那么接下來我們將會深入的研究一下CSS的細節問題,這些問題的涉及將會使我們的工作更加完善。

*************注釋************

1.CSS也是需要注釋的,注釋中的內容不會被解釋執行,它也和C語言一樣,用/*開頭,用*/結尾,其中的內容會被當做注釋,我們想怎么寫就怎么寫。

2.下面給個例子:

p{    color: green;    /* 我們在這里書寫注釋    * 辛星CSS,與博客園共同成長    */    font-size: 14px;    text-align: center;}

****************選擇器**************

1.我們第一節就介紹了CSS的基礎語法了,其中就說到了選擇器,在CSS中有兩類稍微特殊點的選擇器,我們稱之為id選擇器和class選擇器。

2.先說id選擇器,我們在HTML的元素中,每一個元素都可以設置一個屬性,該屬性就是id,然后我們在CSS中使用#號外加這個id的數值型來作為選擇器,后面的聲明就和普通的寫法一樣。

3.光說是有點抽象的,我們下面給個例子:

首先新建一個my.html文件,書寫內容如下:

<html><head>    <title>2014年辛星CSS教學夏季版</title>    <link rel="stylesheet" type="text/css" href="my.css"></head><body>    <p id = "para">辛星CSS,分享知識,傳遞溫情</p></body></html>

然后我們在my.css中這么寫就可以了:

#para{    color: green;    font-size: 14px;    text-align: center;}

上面我們就通過在HTML文件中指定了p標簽的id,然后在css文件中根據id來設置了它的屬性。

4.所謂id,那就是唯一的,在同一個HTML文件中,不能有兩個id都是para,這樣會導致混亂,我們可以用下面的class來解決。

5.如果說id是用來描述單個的樣式,那么,class則用于描述一組標簽的樣式,class可以用在多個元素中使用。

6.id使用#號來加上屬性值,而class則使用.號加上屬性值,由于兩者的使用及其的類似,我就不贅述了,想必聰明的讀者已經可以仿造出來了。

*************偽類***************

1.CSS中的選擇器是比較靈活的,比較常用的還有偽類的說法,下面我來解釋一下,偽類的使用官方給出的語法格式是這樣的:

selector:pseudo-class {PRoperty:value;}

2.什么意思呢,就是selector就是選擇器嘛,而pseudo-class就是相應的偽類了,后面跟的就是它的屬性和值。

3.其實偽類的最經典的例子之一就是超鏈接,比如我們可以書寫如下代碼:

首先是創建一個my.html文件,代碼如下:

<html><head>    <title>2014年辛星CSS教學夏季版</title>    <link rel="stylesheet" type="text/css" href="my.css"></head><body>    <a href="#">博客園辛星</a></body></html>

然后就是my.css文件,代碼如下:

a:link{color:red;}a:visited{color: green;}a:hover{color:blue;}a:active{color:black;}

4.上面的css文件中我們就設置了當我們沒有點擊超鏈接的時候是紅色的,當我們的鼠標經過的時候是藍色的,當我們的鼠標點擊它而又沒有松開的時候,它是黑色的,當我們訪問過的連接,它會呈現綠色。

5.而且a:hover必須被放到a:link和a:visited之后,才會有效。

6.而a:active必須被當道a:hover之后,才有效。

7.我們還可以讓偽類與上面提到的class選擇器一起用,我感覺不是很常用,就不介紹了。

8.還有一個child偽類,但是對瀏覽器的兼容性上不好,因此也不介紹了。

9.此外還有偽元素的說法,如果大家做的事英文網站,還是比較重要的,但是對于漢語網站來說,意義不大,因此也就不說了。

*************其他選擇器*********

1.CSS還支持幾種其他的選擇器類型,第一種就是后代選擇器,比如我們把a插入到一個div里面去,那么可以用div a這樣的選擇器來表示a的樣式。

2.第二種就是子元素選擇器,它會選擇父元素中的所有子元素,比如div>a,即它和第一個的區別就是把空格換成了大于號。

3.另外的相鄰兄弟選擇器和普通相鄰兄弟選擇器,總體感覺意義不大,只會增加記憶量和學習的難度,實用性并不高。

4.CSS還支持屬性選擇器,但是由于也是對瀏覽器的兼容性上不好,也就不介紹了。

5.還有所謂的群組選擇器的說法,是指幾個選擇器使用同一個樣式,它用逗號把各個選擇器進行區分,并且連接起來,就像我們C語言中函數的參數列表中的多個參數一樣,示例:

p,td,li{color: red;}

6.還有通用選擇器的說法,就是用一個*表示,如下代碼:

p*{color: red;}

會把所有的段落的顏色都設置為紅色。

***************小結************

1.本小節我們講述了CSS選擇器和注釋。

2.CSS常用的選擇器就是標簽選擇器、id選擇器、class選擇器和偽類選擇器,其他選擇器的方式都可以用上面這幾種方式來搞定。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美日韩视频免费播放| 91干在线观看| 亚洲图片制服诱惑| 亚洲的天堂在线中文字幕| x99av成人免费| 久久久久久久久久久av| 国产精品久久久久77777| 欧美性极品xxxx做受| 亚洲成人免费在线视频| 欧美日韩亚洲精品一区二区三区| 国产一区二区三区视频在线观看| 日韩在线小视频| 4438全国成人免费| 亚洲一区二区三区乱码aⅴ| 欧美老少配视频| 91在线观看免费网站| 日韩欧美极品在线观看| 久久久久久久999精品视频| 国产伦精品免费视频| 亚洲成人教育av| 欧美日韩加勒比精品一区| 亚洲伊人成综合成人网| 色偷偷av亚洲男人的天堂| 亚洲女人天堂av| 福利一区视频在线观看| 国产精品综合久久久| 亚洲最大激情中文字幕| 国内揄拍国内精品| 超碰日本道色综合久久综合| 正在播放欧美一区| 亚洲第一区在线| 欧美又大又硬又粗bbbbb| 日韩av免费一区| 操人视频在线观看欧美| 91精品中文在线| 欧美国产日韩中文字幕在线| 亚洲成人xxx| 国产又爽又黄的激情精品视频| 成人精品网站在线观看| 国产有码在线一区二区视频| 成人网页在线免费观看| 欧美日韩免费一区| 在线视频亚洲欧美| 中文字幕欧美日韩va免费视频| 欧美性猛交xxxx富婆弯腰| 国模精品视频一区二区| 国产成人精品一区二区| 亚洲黄色有码视频| 精品国内亚洲在观看18黄| 亚洲精品视频播放| 日韩女优人人人人射在线视频| 国外成人免费在线播放| 国产午夜精品一区理论片飘花| 日韩av色在线| 国产不卡一区二区在线播放| 亚洲精品二三区| 国产99在线|中文| 亚洲第一网站男人都懂| 国产成人精品国内自产拍免费看| 日韩中文字幕在线免费观看| 国精产品一区一区三区有限在线| 国产美女精品视频| 97涩涩爰在线观看亚洲| 日本精品一区二区三区在线播放视频| 精品国产欧美一区二区三区成人| 成人精品网站在线观看| 98精品国产自产在线观看| 国产精品视频永久免费播放| 日韩视频免费在线| 中文字幕亚洲欧美日韩2019| 日韩在线观看免费高清完整版| 色七七影院综合| 欧美第一淫aaasss性| 亚洲美女动态图120秒| 国产日韩欧美中文| 精品久久久久人成| 日本久久亚洲电影| 亚洲国产成人一区| 最近2019中文字幕一页二页| 亚洲欧美日韩天堂| 亚洲日韩中文字幕在线播放| 欧美在线一级va免费观看| 国产日韩在线免费| 色av吧综合网| 欧美激情综合亚洲一二区| 中文字幕在线日韩| 欧美日韩裸体免费视频| 国产精品久久久久久久久久免费| 中文字幕日韩欧美精品在线观看| 午夜欧美大片免费观看| 国产欧美日韩视频| 日韩在线观看免费网站| 欧美亚洲另类激情另类| 最近日韩中文字幕中文| 日韩av黄色在线观看| 成人在线一区二区| 欧美日韩亚洲网| 成人久久久久久久| 久热精品视频在线免费观看| 91性高湖久久久久久久久_久久99| 亚洲综合中文字幕在线观看| 成人激情视频小说免费下载| 91日本在线视频| 在线视频日韩精品| 亚洲人成网在线播放| 一区二区日韩精品| 国产91在线视频| 国产精品久久久久久久久免费| 国语自产精品视频在线看| 国产精品视频中文字幕91| 日本高清+成人网在线观看| 日韩电影大片中文字幕| 欧美精品www| 欧美黑人xxxx| 国产精品你懂得| 欧美丝袜第一区| 91探花福利精品国产自产在线| 欧美精品18videos性欧| 668精品在线视频| 色噜噜狠狠狠综合曰曰曰88av| 日韩精品免费电影| 国产日产欧美精品| 91精品国产高清久久久久久久久| 亚洲精品国精品久久99热| 欧美一级在线播放| 亚洲欧美日韩中文在线| 日韩欧美亚洲范冰冰与中字| 久久频这里精品99香蕉| 69久久夜色精品国产7777| 日本一区二区在线播放| 麻豆国产精品va在线观看不卡| 国产99久久精品一区二区 夜夜躁日日躁| 成人午夜在线影院| 日韩成人中文字幕在线观看| 黑人巨大精品欧美一区二区| 欧美一级免费看| 日本精品视频在线播放| 亚洲色图18p| 亚洲国产成人爱av在线播放| 欧美性videos高清精品| 亚洲国产成人精品一区二区| 成人中文字幕+乱码+中文字幕| 成人激情黄色网| 日韩高清av一区二区三区| 精品国产鲁一鲁一区二区张丽| 色视频www在线播放国产成人| 综合国产在线视频| 成人黄色网免费| 成人精品视频久久久久| 狠狠色噜噜狠狠狠狠97| 欧美精品久久久久久久免费观看| 午夜精品理论片| 136fldh精品导航福利| 国产视频久久久| 欧美日韩国产中文精品字幕自在自线| 91久久久久久久久久久久久| 久久久久久18| 亚洲高清一二三区| 欧美资源在线观看| 一区二区亚洲欧洲国产日韩| 色哟哟亚洲精品一区二区| 91av在线免费观看视频| 亚洲精品福利视频| 欧美国产精品va在线观看|