寫css的位置:1、作為行內(nèi)樣式,寫在HTML標簽的style屬性中;2、作為內(nèi)嵌樣式,寫在head標簽的style標簽中;3、作為外聯(lián)樣式,寫在單獨的“.css”文件中,使用link標簽或“@import”規(guī)則引入到HTML中。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css樣式有三種:內(nèi)嵌CSS樣式、行內(nèi)CSS樣式、外部CSS樣式(外聯(lián)樣式)。
1、行內(nèi)CSS樣式
在HTML的標簽中使用style屬性來設(shè)置css樣式
格式:
<html標簽 style="屬性:值;屬性:值;....">被修飾的內(nèi)容</html標簽>
例:
<html> <head> <titile></title> </head> <body> <div style="width="100px" height="100px""></div> </body> </html>
特點:僅作用于本標簽。
2、內(nèi)嵌CSS樣式
在head標簽中使用style標簽來設(shè)置css樣式
格式:
<style type="text/css"> ....css樣式代碼 </style>
例:
<html> <head> <titile></title> <style type="text/css"> //在這里寫CSS代碼 bdoy{font-size:14px;} </style> </head> <body> </body> </html>
特點:作用于當前整個頁面
3、外部CSS樣式(外聯(lián)樣式)
將css代碼寫在一個單獨的“.css”文件中
用link標簽或@import引入該文件到頁面中
例:
<html> <head> <titile></title> <link rel="stylesheet" href="要引入的CSS文檔位置" > </head> <body> </body> </html>
學(xué)習(xí)視頻分享:css視頻教程