CSS(Cascading Style Sheets)
創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),晉安企業(yè)網(wǎng)站建設(shè),晉安品牌網(wǎng)站建設(shè),網(wǎng)站定制,晉安網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,晉安網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
層疊樣式表
優(yōu)勢:
CSS可以提高頁面的瀏覽速度。
縮短改版時間,降低維護費用。
強大的字體控制能力和排版能力。
css容易編寫。
可以一次設(shè)計隨處發(fā)布。
更好的控制頁面布局。
實現(xiàn)表現(xiàn)和結(jié)構(gòu)、內(nèi)容相分離。
更方便搜索引擎的搜索/page Rank
樣式規(guī)則:
語法:選擇器{屬性1:值1;屬性2:值2;...屬性N:值N;}
選擇器就是要改變頁面中的哪些標簽元素
聲明要用{}括起來,;結(jié)束
如果屬性中包含空格要用“”括起來
可以指定多個選擇器使用相同的樣式
樣式表:
外部樣式表,新建.css文件,在文件中寫入樣式規(guī)則link rel="stylesheet" href = "xxx.css"
內(nèi)聯(lián)樣式表,在元素中添加style屬性
嵌入式樣式表,在html使用style標簽,style type="text/css"/style
選擇器:
元素選擇器,元素名
id選擇器,用#id
類選擇器,用.class
后代選擇器,選擇器1 選擇器2
css深化:
就近原則,!important提高元素優(yōu)先級,偽類選擇器,偽對象選擇器,@import導(dǎo)入其他css文件,響應(yīng)式布局可以解決多設(shè)備的兼容問題。
文本屬性:
font-family:字體
font-size:字體大小
font-style:斜體
font-weight:粗體
color:顏色
line-height:行高
letter-spacing:字符間距
text-decoration:文本修飾
text-overflow:文字溢出處理
white-space : no wrap
text-overflow:hidden
text-align:文本對齊
背景屬性:
background-color:背景顏色
background-image:背景圖片
background-repeat:背景重復(fù)
background-attachment:背景圖片附著
基于占滿一整行與否,標簽分為兩大類(文檔流):
占滿:行級元素(div,p,h1~h6)
不占滿:行內(nèi)元素(span,)
定位屬性:
position:定位
absolute:絕對定位
relative:相對定位
CSS就是層疊樣式表。
CSS是Cascading Style Sheets的簡稱,中文稱為層疊樣式表。使用過程中屬性和屬性值用冒號隔開,以分號結(jié)尾。
本質(zhì)上一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言,是可以做到網(wǎng)頁和內(nèi)容進行分離的樣式語言。作用是:可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制;使頁面的字體變得更漂亮,更容易編排。
使用范圍:
1、在幾乎所有的瀏覽器上都可以使用。
2、以前一些非得通過圖片轉(zhuǎn)換實現(xiàn)的功能,現(xiàn)在只要用CSS就可以輕松實現(xiàn),從而更快地下載頁面。
3、使頁面的字體變得更漂亮,更容易編排,使頁面真正賞心悅目。
4、你可以輕松地控制頁面的布局 。
5、你可以將許多網(wǎng)頁的風(fēng)格格式同時更新,不用再一頁一頁地更新了。你可以將站點上所有的網(wǎng)頁風(fēng)格都使用一個CSS文件進行控制,只要修改這個CSS文件中相應(yīng)的行,那么整個站點的所有頁面都會隨之發(fā)生變動。
層疊指的是樣式的優(yōu)先級,當產(chǎn)生沖突時以優(yōu)先級高的為準。
1. 開發(fā)者樣式讀者樣式瀏覽器樣式(除非使用!important標記 )
2. id選擇符(偽)類選擇符元素選擇符
3. 權(quán)重相同時取后面定義的樣式
以下是一段經(jīng)典的html,三個類名分別為模塊、標題和正文。
div class="mod"
div class="hd"/div
div class="bd"/div
/div
大部分html頁面都可以由這種結(jié)構(gòu)嵌套或者累加而成。