成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

01-css的引入方式

番茄西紅柿 / 1352人閱讀

摘要：轉(zhuǎn)的引入方式引入方式重點(diǎn)掌握行內(nèi)樣式內(nèi)接樣式外接樣式鏈接式導(dǎo)入式介紹現(xiàn)在的互聯(lián)網(wǎng)前端分三層超文本標(biāo)記語言。從交互的角度描述頁面行為，層疊樣式表。的作用就是給頁面標(biāo)簽添加各種樣式，定義網(wǎng)頁的顯示效果。

【轉(zhuǎn)】01-css的引入方式

　引入css方式（重點(diǎn)掌握）

  1. 行內(nèi)樣式

  2. 內(nèi)接樣式

  3. 外接樣式

　　　　　3.1 鏈接式

　　　　　3.1 導(dǎo)入式

css介紹

現(xiàn)在的互聯(lián)網(wǎng)前端分三層：

  • HTML：超文本標(biāo)記語言。從語義的角度描述頁面結(jié)構(gòu)。
  • CSS：層疊樣式表。從審美的角度負(fù)責(zé)頁面樣式。
  • JS：JavaScript 。從交互的角度描述頁面行為

CSS：Cascading Style Sheet，層疊樣式表。CSS的作用就是給HTML頁面標(biāo)簽添加各種樣式，定義網(wǎng)頁的顯示效果。簡單一句話：CSS將網(wǎng)頁內(nèi)容和顯示樣式進(jìn)行分離，提高了顯示功能。

css的最新版本是css3，我們目前學(xué)習(xí)的是css2.1

接下來我們要講一下為什么要使用CSS。

HTML的缺陷：

  1. 不能夠適應(yīng)多種設(shè)備
  2. 要求瀏覽器必須智能化足夠龐大
  3. 數(shù)據(jù)和顯示沒有分開
  4. 功能不夠強(qiáng)大

CSS 優(yōu)點(diǎn)：

  1. 使數(shù)據(jù)和顯示分開
  2. 降低網(wǎng)絡(luò)流量
  3. 使整個(gè)網(wǎng)站視覺效果一致
  4. 使開發(fā)效率提高了（耦合性降低，一個(gè)人負(fù)責(zé)寫html，一個(gè)人負(fù)責(zé)寫css）

比如說，有一個(gè)樣式需要在一百個(gè)頁面上顯示，如果是html來實(shí)現(xiàn)，那要寫一百遍，現(xiàn)在有了css，只要寫一遍。現(xiàn)在，html只提供數(shù)據(jù)和一些控件，完全交給css提供各種各樣的樣式。

 

行內(nèi)樣式

1 

2     
我是一個(gè)段落

3
View Code

內(nèi)接樣式

View Code

外接樣式-鏈接式

View Code

外接樣式-導(dǎo)入式
View Code

 

   　　

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1243.html

相關(guān)文章

  • CSS的初了解（更新中···）

    摘要：在前面，我們學(xué)習(xí)了的結(jié)構(gòu)基本骨架起名方式和選擇器，接下來，我們就要學(xué)習(xí)了。首先，我們要知道是什么。全稱叫層疊樣式表，作用是給添加樣式，添加屬性。宋體同時(shí)瀏覽器對(duì)三種引入方式的選擇關(guān)系是行間行內(nèi)外部引入鍵值對(duì)就是屬性屬性值也就是的結(jié)構(gòu)在前面，我們學(xué)習(xí)了html的結(jié)構(gòu)、基本骨架、起名方式和選擇器，接下來，我們就要學(xué)習(xí)CSS了。 首先，我們要知道CSS是什么。 CSS 全稱叫層疊樣式表，作用是給h...

    李昌杰 評(píng)論0 收藏0

  • 雙十二大前端工程師讀書清單

    摘要：本文最早為雙十一而作，原標(biāo)題雙大前端工程師讀書清單，以付費(fèi)的形式發(fā)布在上。發(fā)布完本次預(yù)告后，捕捉到了一個(gè)友善的吐槽讀書清單也要收費(fèi)。這本書便從的異步編程講起，幫助我們?cè)O(shè)計(jì)快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用，而非簡單的頁面。 本文最早為雙十一而作，原標(biāo)題雙 11 大前端工程師讀書清單，以付費(fèi)的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流，現(xiàn)免費(fèi)分享到這里，不足之處歡迎指教...

    happen 評(píng)論0 收藏0

  • 雙十二大前端工程師讀書清單

    摘要：本文最早為雙十一而作，原標(biāo)題雙大前端工程師讀書清單，以付費(fèi)的形式發(fā)布在上。發(fā)布完本次預(yù)告后，捕捉到了一個(gè)友善的吐槽讀書清單也要收費(fèi)。這本書便從的異步編程講起，幫助我們?cè)O(shè)計(jì)快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用，而非簡單的頁面。 本文最早為雙十一而作，原標(biāo)題雙 11 大前端工程師讀書清單，以付費(fèi)的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流，現(xiàn)免費(fèi)分享到這里，不足之處歡迎指教...

    余學(xué)文 評(píng)論0 收藏0

  • 雙十二大前端工程師讀書清單

    摘要：本文最早為雙十一而作，原標(biāo)題雙大前端工程師讀書清單，以付費(fèi)的形式發(fā)布在上。發(fā)布完本次預(yù)告后，捕捉到了一個(gè)友善的吐槽讀書清單也要收費(fèi)。這本書便從的異步編程講起，幫助我們?cè)O(shè)計(jì)快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用，而非簡單的頁面。 本文最早為雙十一而作，原標(biāo)題雙 11 大前端工程師讀書清單，以付費(fèi)的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流，現(xiàn)免費(fèi)分享到這里，不足之處歡迎指教...

    Jochen 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<