現在的網際網路前端分三層:
css:cascading style sheet,層疊樣式表。css的作用就是給html頁面標籤新增各種樣式,定義網頁的顯示效果。簡單一句話:css將網頁內容和顯示樣式進行分離,提高了顯示功能。
css的最新版本是css3,我們目前學習的是css2.1
接下來我們要講一下為什麼要使用css。
不能夠適應多種裝置
要求瀏覽器必須智慧型化足夠龐大
資料和顯示沒有分開
功能不夠強大
使資料和顯示分開
降低網路流量
使整個**視覺效果一致
使開發效率提高了(耦合性降低,乙個人負責寫html,乙個人負責寫css)
比如說,有乙個樣式需要在一百個頁面上顯示,如果是html來實現,那要寫一百遍,現在有了css,只要寫一遍。現在,html只提供資料和一些控制項,完全交給css提供各種各樣的樣式。
1 <div>
2
<
p style
="color: green"
>我是乙個段落
p>
3 div
>
<view codestyle
type
="text/css"
>
/*寫我們的css**
*/span
style
>
<link
rel="stylesheet"
href
="./index.css"
>
<style
type
="text/css"
>
@import url('./index.css');
style
>
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文件的任何地方,但一般會放在文件的標籤中,通過此種...