當了解html靜態網頁的基本結構後,發現要想實現更好的介面效果,實現更多的功能還得使用另外的工具來對這些現有的功能進行修飾,接下來高階階段,了解css使用。
1.什麼是css?
css是 cascading style sheets 的首字母縮寫,意思是層疊樣式表。有了css,html中大部分表現樣式的標籤就廢棄不用了,html只負責文件的結構和內容,表現形式完全交給css,html文件變得更加簡潔。
2.css的基本語法:
語法格式
選擇器
實際效果,例如:
div
3.css的引入(使用)方式:
1.內聯式:
通過標籤的style屬性,在標籤上直接寫樣式
例:
.
2.嵌入式:
通過乙個style標籤,在網頁上建立嵌入的樣式表
例:
3.外鏈式:通過link標籤,鏈結外部樣式檔案到頁面中
常用的就是外鏈式 CSS引入方式
第一 css的四種引入方式 1.行內樣式 最直接最簡單的一種,直接對html標籤使用style 例如 缺點 html頁面不純淨,檔案體積大,不利於蜘蛛爬行,後期維護不方便。2.內嵌樣式 內嵌樣式就是將css 寫在之間,並且用進行宣告,例如 優缺點 頁面使用公共css 也是每個頁面都要定義的,如果乙個...
Css引入方式
div 雙標籤 css語法 屬性名 屬性值 css引入方式 1 行間樣式的引入 在標籤中寫乙個style的屬性。如 style 缺點 不利於 重用。優點 優先順序最高。2 內部樣式的引入,在head標籤中寫乙個style的標籤,在標籤中通過選擇器控制樣式。選擇器寫法 1.標籤選擇器。div2.id選...
CSS引入方式
按照css樣式書寫的位置 或者引入方式 css樣式表可以分為三大類 行內樣式表 行內式 內部樣式表 嵌入式 外部樣式表 鏈結式 內部樣式表 內嵌樣式表 是寫到html頁面內部,是將所有的css 抽取出來,單獨放到乙個標籤中.標籤理論上可以放在html文件的任何地方,但一般會放在文件的標籤中,通過此種...