資訊專欄INFORMATION COLUMN
摘要：前端之前端之前言前言昨天學(xué)習(xí)了標(biāo)記式語言，也就是無邏輯語言。今天學(xué)習(xí)，被稱之為網(wǎng)頁的化妝師。為前端頁面的樣式，由選擇器作用域與樣式塊組成。年初，組織負(fù)責(zé)的工作組開始討論第一版中沒有涉及到的問題。其討論結(jié)果組成了年月出版的規(guī)范第二版。
昨天學(xué)習(xí)了標(biāo)記式語言，也就是無邏輯語言。了解了網(wǎng)頁的骨架是什么構(gòu)成的，了解了常用標(biāo)簽，兩個指令以及轉(zhuǎn)義字符；其中標(biāo)簽可以分為兩大類：
今天學(xué)習(xí) CSS，被稱之為網(wǎng)頁的化妝師。
CSS 全稱為級聯(lián)樣式表（Cascading Style Sheet），主要負(fù)責(zé)頁面的風(fēng)格設(shè)計，樣式、美觀。通常以.css 后綴結(jié)尾。
標(biāo)記語言
和 html 一樣是非編程語言，不具備語言的程序邏輯。
css 為前端頁面的樣式，由選擇器、作用域與樣式塊組成。
選擇器：由標(biāo)簽、類、id 多帶帶或組合出現(xiàn)；
作用域：一組大括號包含的區(qū)域；
樣式塊：滿足 css 連接語法的眾多樣式。
css 發(fā)展史代表版本
① 1990年，Tim Berners-Lee和Robert Cailliau共同發(fā)明了Web。1994年，Web真正走出實驗室。
② 1994年哈坤·利提出了CSS的最初建議。而當(dāng)時伯特·波斯（Bert Bos）正在設(shè)計一個名為Argo的瀏覽器，于是他們決定一起設(shè)計CSS。
③ 哈坤于1994年在芝加哥的一次會議上第一次提出了CSS的建議，1995年的www網(wǎng)絡(luò)會議上CSS又一次被提出，博斯演示了Argo瀏覽器支持CSS的例子，哈肯也展示了支持CSS的Arena瀏覽器。
④ 1997年初，W3C組織負(fù)責(zé)CSS的工作組開始討論第一版中沒有涉及到的問題。其討論結(jié)果組成了1998年5月出版的CSS規(guī)范第二版。
⑤ CSS3是CSS（層疊樣式表）技術(shù)的升級版本，于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。css 由三部分組成：選擇器、作用域與樣式塊。
選擇器 {
樣式1: 值1;
樣式2: 值2;
}
h3 {
width: 100px;
height: 100px;
background-color: yellowgreen
}特點：
css 三種引入第一種引入
css 第一種引入行間式
特點：
css 三種引入第二種引入
css 第二種引入內(nèi)聯(lián)式引入
特點：
/*css 文件書寫 css 語法*/
/*外部 css 文件 00.css*/
h3 {
width: 100px;
height: 100px;
background-color: yellowgreen
}
第三種引入外聯(lián)式引入
第三種引入外聯(lián)式引入
三種可以同時存在并協(xié)同完整布局，三種引入方式之間沒有優(yōu)先級之說，哪種引入方式在邏輯下方（后解釋的）誰就起作用（樣式覆蓋）。并且行間式一定是邏輯最下方的。
當(dāng)三種引入方式同時存在且操作同一對象的同一屬性時，才會出現(xiàn)沖突，最終起作用的就是優(yōu)先級高的。
/*o4.css*/
div {
height: 200px;
color: brown;
}
三種引入的優(yōu)先級
你是個好人
基礎(chǔ)選擇器
長度單位與顏色
文本樣式操作
[普通文本]
i的文本
一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五
一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二三四五一二
hello world hello world
aaa
display
123
456
789
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/1468.html
摘要：選擇器選擇器可以為標(biāo)有特定的元素指定特定的樣式中選擇器以來定義。選擇器選擇器用于描述一組元素的樣式，選擇器有別于選擇器，可以在多個元素中使用在中，類選擇器以一個點號顯示。?Infi-chu: http://www.cnblogs.com/Infi-chu/ ? id選擇器id 選擇器可以為標(biāo)有特定 id 的 HTML 元素指定特定的樣式,CSS 中 id 選擇器以 # 來定義。 #id_n...
閱讀目錄 一、 什么是CSS 二、 為何要用CSS 三、 如何使用CSS 一、 什么是CSS CSS全稱CascadingStyleSheet層疊樣式表，是專用用來為HTML標(biāo)簽添加樣式的。 樣式指的是HTML標(biāo)簽的顯示效果，比如換行、寬高、顏色等等 層疊屬于CSS的三大特性之一，我們將在后續(xù)內(nèi)容中介紹 表指的是我們可以將樣式統(tǒng)一收集起來寫在一個地方或者一個CSS文件里 二、 為何要用CS...
摘要：的網(wǎng)站仍然使用有漏洞庫上周發(fā)布了開源社區(qū)安全現(xiàn)狀報告，發(fā)現(xiàn)隨著開源社區(qū)的日漸活躍，開源代碼中包含的安全漏洞以及影響的范圍也在不斷擴(kuò)大。與應(yīng)用安全是流行的服務(wù)端框架，本文即是介紹如何使用以及其他的框架來增強(qiáng)應(yīng)用的安全性。 showImg(https://segmentfault.com/img/remote/1460000012181337?w=1240&h=826); 前端每周清單專注...
摘要：道阻且長啊前端面試總結(jié)前端面試筆試面試騰訊一面瀏覽器工作原理瀏覽器的主要組件包括用戶界面包括地址欄后退前進(jìn)按鈕書簽?zāi)夸洖g覽器引擎用來查詢及操作渲染引擎的接口渲染引擎渲染界面和是基于兩種渲染引擎構(gòu)建的，使用自主研發(fā)的渲染引擎，和都使用網(wǎng)絡(luò)用來 道阻且長啊TAT(前端面試總結(jié)) 前端 面試 筆試 面試 騰訊一面 1.瀏覽器工作原理 瀏覽器的主要組件包括： 用戶界面－ 包括地址欄、后退/前...
摘要：道阻且長啊前端面試總結(jié)前端面試筆試面試騰訊一面瀏覽器工作原理瀏覽器的主要組件包括用戶界面包括地址欄后退前進(jìn)按鈕書簽?zāi)夸洖g覽器引擎用來查詢及操作渲染引擎的接口渲染引擎渲染界面和是基于兩種渲染引擎構(gòu)建的，使用自主研發(fā)的渲染引擎，和都使用網(wǎng)絡(luò)用來 道阻且長啊TAT(前端面試總結(jié)) 前端 面試 筆試 面試 騰訊一面 1.瀏覽器工作原理 瀏覽器的主要組件包括： 用戶界面－ 包括地址欄、后退/前...
閱讀 2219·2021-11-19 09:40
閱讀 1932·2021-11-08 13:24
閱讀 2463·2021-10-18 13:24
閱讀 2868·2021-10-11 10:57
閱讀 3592·2021-09-22 15:42
閱讀 1127·2019-08-29 17:11
閱讀 2538·2019-08-29 16:11
閱讀 2430·2019-08-29 11:11
