摘要:屬性如等,稱作的屬性。如屬性值屬性冒號(hào)后面的所有內(nèi)容統(tǒng)一稱為屬性值。例如聲明屬性名加上屬性值就是聲明例如聲明塊聲明塊是花括號(hào)包裹的一系列聲明,例如規(guī)則或規(guī)則集出現(xiàn)了選擇器,而且后面還跟著聲明塊。
1. 屬性
如height、color等,稱作css的屬性。
2. 值
在css中,如:10px, 50%, #ccc等這些都稱作css的值。比較常見的類型值有:整數(shù)值,數(shù)值,百分比值,長(zhǎng)度值,顏色值
3. 關(guān)鍵字
特指css里面一些很關(guān)鍵的單詞。如solid、absolute、block等都是關(guān)鍵字
4. 變量
css中目前可以稱為變量的很少,如:currentColor
5. 長(zhǎng)度單位
(1). 相對(duì)長(zhǎng)度單位:分為相對(duì)字體長(zhǎng)度單位和相對(duì)視區(qū)長(zhǎng)度單位
相對(duì)字體長(zhǎng)度單位,如em、ex、rem、ch(字符0的寬度)
相對(duì)視區(qū)長(zhǎng)度單位, 如vh、vw、vmin和vmax
(2). 絕對(duì)長(zhǎng)度單位:如px、pt、cm等
6. 功能符
值以函數(shù)的形式指定,主要用來表示顏色(rgba和hsla)、背景圖片地址(url)、計(jì)算(calc)、過渡效果等。如rgba(0,0,0,0.5)、url(a.png)、scale(-1)
7. 屬性值
屬性冒號(hào)后面的所有內(nèi)容統(tǒng)一稱為屬性值。例如:1px solid rgb(0,0,0)
8. 聲明
屬性名加上屬性值就是聲明,例如: color: transparent;
9. 聲明塊
聲明塊是花括號(hào){} 包裹的一系列聲明,例如:
{
height: 100px;
color: #ccc;
}
10. 規(guī)則或規(guī)則集
出現(xiàn)了選擇器,而且后面還跟著聲明塊。如
.nav {
color: tansparent;
width: 23px;
}
11. 選擇器
類選擇器,以"."開頭的選擇器,很多元素可以應(yīng)用同一個(gè)類選擇器 如:.nav、.active
ID選擇器 ,以"#"開頭的選擇器,一般指向唯一元素。如:#header、#page
屬性選擇器, 指含有[]的選擇器, 如: input[type="text"] { }、[title~="css-world"] { }
偽類選擇器,指前面有個(gè)英文冒號(hào)的選擇器, 如::first-child 、:nth-child(1)、:hover
偽元素選擇器, 有兩個(gè)連續(xù)英文冒號(hào)的選擇器, 如:::after、 ::befor
12. 關(guān)系選擇器
后代選擇器, 選擇后代元素,空格連接, 如: .parent .child { }
相鄰后代選擇器(子選擇器), 選擇合乎規(guī)則的第一層子元素(兒子),孫子、重孫、第二次子元素等忽略, 使用>連接,(IE7以上版本)如: .parent>.first-child { }
兄弟選擇器,選擇當(dāng)前元素后的所有兄弟元素, ~連接, (IE7以上版本)如: .nav~.siblings { }
相鄰兄弟選擇器, 選擇當(dāng)前元素相鄰的兄弟元素, + 連接,(IE7以上版本) 如: .header+.nav { }
13. @規(guī)則
以@字符開始的一些規(guī)則,如媒體查詢@media、字體@font-face
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/1702.html
摘要:圖形用戶界面,是指采用圖形方式顯示的計(jì)算機(jī)操作用戶界面,與相對(duì),比如軟件安裝后會(huì)有打開選項(xiàng)。統(tǒng)一資源名稱唯一標(biāo)識(shí)一個(gè)實(shí)體的標(biāo)識(shí)符,但是不能給出實(shí)體的位置。可以提供一種機(jī)制,用于查找和檢索定義特定命名空間的架構(gòu)文件。 正文 CLI command-line interface 命令行用戶界面,是指可在用戶提示符下鍵入可執(zhí)行指令的界面。在安裝很多工具時(shí)會(huì)看到,比如vue-cli、r...
摘要:年,和前端開發(fā)者與應(yīng)用程序前端開發(fā)者之間產(chǎn)生了巨大的分歧。開發(fā)最常見的解決方案有手機(jī)和平板的原生應(yīng)用程序桌面應(yīng)用程序桌面應(yīng)用程序原生技術(shù)最后,前端開發(fā)者可以從瀏覽器開發(fā)中學(xué)習(xí)到,編寫代碼不需要考慮瀏覽器引擎的限制。 前端開發(fā)者手冊(cè)2019 Cody Lindley 編著 原文地址 本手冊(cè)由Frontend Masters贊助,通過深入現(xiàn)代化的前端工程課程來提高你的技能。 下載:PDF ...
摘要:年,和前端開發(fā)者與應(yīng)用程序前端開發(fā)者之間產(chǎn)生了巨大的分歧。開發(fā)最常見的解決方案有手機(jī)和平板的原生應(yīng)用程序桌面應(yīng)用程序桌面應(yīng)用程序原生技術(shù)最后,前端開發(fā)者可以從瀏覽器開發(fā)中學(xué)習(xí)到,編寫代碼不需要考慮瀏覽器引擎的限制。 前端開發(fā)者手冊(cè)2019 Cody Lindley 編著 原文地址 本手冊(cè)由Frontend Masters贊助,通過深入現(xiàn)代化的前端工程課程來提高你的技能。 下載:PDF ...
摘要:年,和前端開發(fā)者與應(yīng)用程序前端開發(fā)者之間產(chǎn)生了巨大的分歧。開發(fā)最常見的解決方案有手機(jī)和平板的原生應(yīng)用程序桌面應(yīng)用程序桌面應(yīng)用程序原生技術(shù)最后,前端開發(fā)者可以從瀏覽器開發(fā)中學(xué)習(xí)到,編寫代碼不需要考慮瀏覽器引擎的限制。 前端開發(fā)者手冊(cè)2019 Cody Lindley 編著 原文地址 本手冊(cè)由Frontend Masters贊助,通過深入現(xiàn)代化的前端工程課程來提高你的技能。 下載:PDF ...
摘要:什么是電腦主機(jī)服務(wù)器主機(jī)和服務(wù)器是相對(duì)而言的。主機(jī)一般是指?jìng)€(gè)人使用的電腦機(jī)。服務(wù)器,是提供計(jì)算服務(wù)的設(shè)備。主機(jī)和服務(wù)器的區(qū)別是什么兩者是包含和被包含的關(guān)系,主機(jī)是一個(gè)統(tǒng)稱,所有服務(wù)器都是主機(jī),但并非所有主機(jī)都是服務(wù)器。什么是電腦主機(jī)服務(wù)器?主機(jī)和服務(wù)器是相對(duì)而言的。主機(jī)一般是指?jìng)€(gè)人使用的電腦PC機(jī)。而在專業(yè)術(shù)語中,主機(jī)僅是電腦的一部分。而我們常說的主機(jī)卻往往代表整個(gè)電腦。服務(wù)器一般是指用于專...
閱讀 943·2023-04-25 19:43
閱讀 4239·2021-11-30 14:52
閱讀 4024·2021-11-30 14:52
閱讀 4132·2021-11-29 11:00
閱讀 4023·2021-11-29 11:00
閱讀 4154·2021-11-29 11:00
閱讀 3871·2021-11-29 11:00
閱讀 6761·2021-11-29 11:00