資訊專欄INFORMATION COLUMN
摘要：是的簡稱，中文稱為層疊樣式表，用來控制網頁數據的表現，可以使網頁的表現與數據內容分離。此元素會被顯示為內聯元素，元素前后沒有換行符。本例中的樣式表把段落元素設置為內聯元素。
CSS 是 Cascading Style Sheets的簡稱，中文稱為層疊樣式表，用來控制網頁數據的表現，可以使網頁的表現與數據內容分離。
一，行內式：
hello
二, 嵌入式
嵌入式是將CSS樣式集中寫在網頁的
Title
三, 鏈接式
將一個.css文件引入到HTML文件中， 推薦使用
四, 導入式
將一個獨立的.css文件引入HTML文件中，導入式使用CSS規則引入外部CSS文件，
＊ # 通用元素選擇器，匹配任何元素
E # 標簽選擇器，匹配所有使用E標簽的元素
.info和E.info # class選擇器，匹配所有class屬性中包含info的元素
E,F # 多元素選擇器，同時匹配所有E元素或F元素，E和F之間用逗號分隔
E F # 后代元素選擇器，匹配所有屬于E元素后代的F元素，E和F之間用空格分隔
E > F # 子元素選擇器，匹配所有E元素的子元素F
E + F # 毗鄰元素選擇器，匹配緊隨E元素下面的同級元素F
Title
hello p
hello dive
hello span
p2 .....
p3 .....
p4 .....
div3
效果
E[att] # 匹配所有具有att屬性的E元素，不考慮它的值。(注意：E在此處可以省略，比如“[cheacked]”。以下同。)
E[att=val] # 匹配所有att屬性等于“val”的E元素
E[att~=val] # 匹配所有att屬性具有多個空格分隔的值、其中一個值等于“val”的E元素
E[attr^=val] # 匹配屬性值以指定值開頭的每個元素
E[attr$=val] # 匹配屬性值以指定值結尾的每個元素
E[attr*=val] # 匹配屬性值中包含指定值的每個元素例子:
Title
div1
div2
div3
di
效果：
a:link # 沒有接觸過的鏈接, 用于定義了鏈接的常規狀態。
a:hover # 鼠標放在鏈接上的狀態, 用于產生視覺效果。
a:visited # 訪問過的鏈接,用于閱讀文章, 能清楚的判斷已經訪問過的鏈接。
a:active # 在鏈接上按下鼠標時的狀態, 用于表現鼠標按下時的鏈接狀態。
E:before # 在對應的元素之前插入內容
E:after # 在對應的元素之后插入內容例子：
Title
百度
klvchen
效果:
https://www.114la.com/other/rgb.htm
Title
hello world
margin # 用于控制元素與元素之間的距離(外邊距)；
padding # 用于控制內容與邊框之間的距離(內邊距)；
border # 圍繞在內邊距和內容外的邊框(邊框);
content # 盒子的內容，顯示文本和圖像;一個元素的寬度 = content 寬度 + border*2 + padding*2
一個元素的高度 = content 高度 + border*2 + padding*2
# 使用 margin
Title
# 使用 padding
Title
# display 的值
inline : 默認。此元素會被顯示為內聯元素，元素前后沒有換行符。
block : 此元素將顯示為塊級元素，此元素前后會帶有換行符。
none : 此元素不會被顯示。
table-cell : 此元素會作為一個表格單元格顯示。
inline-block : 將元素顯示為行內塊狀元素，設置該屬性后，其他的行內塊級元素會排列在同一行。
Title
本例中的樣式表把段落元素設置為內聯元素。
而 div 元素不會顯示出來！
div 元素的內容不會顯示出來！
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/1396.html
摘要：一前言在中使用，包括內聯式內嵌式鏈接式和導入式。鏈接式使用時需要在標記中使用標記，通過標記的相關屬性指明外部文件的路徑，以方便找到其中定義的樣式并運用在當前網頁元素上。導入式通過在標記的標記中使用方法導入相應的文件。 一、前言 在 HTML 中使用 CSS，包括內聯式、內嵌式、鏈接式和導入式。 二、分類 2.1 內聯式 內聯式是所有樣式應用方式中最為直接的一種，它通過對 HTML 標記...
摘要：一前言在中使用，包括內聯式內嵌式鏈接式和導入式。鏈接式使用時需要在標記中使用標記，通過標記的相關屬性指明外部文件的路徑，以方便找到其中定義的樣式并運用在當前網頁元素上。導入式通過在標記的標記中使用方法導入相應的文件。 一、前言 在 HTML 中使用 CSS，包括內聯式、內嵌式、鏈接式和導入式。 二、分類 2.1 內聯式 內聯式是所有樣式應用方式中最為直接的一種，它通過對 HTML 標記...
摘要：元素是使用小于號和大于號包裹元素名來標示。一個結束標簽表示元素的結束它由小于號元素名組成例如。和嵌套在內，它們頁面中都是可視的。使用選擇器類型選擇器類型選擇器也叫作元素選擇器根據元素類型選擇元素。 可以的話，請想象一下互聯網沒有發明之前的日子。網站還不存在，紙質的書本是我們主要的信息來源，而在書本中查詢我們想要的資料會耗費相當多的精力和時間。 而如今，你打開個瀏覽器用搜索引擎搜索，任...
摘要：元素是使用小于號和大于號包裹元素名來標示。一個結束標簽表示元素的結束它由小于號元素名組成例如。和嵌套在內，它們頁面中都是可視的。使用選擇器類型選擇器類型選擇器也叫作元素選擇器根據元素類型選擇元素。 可以的話，請想象一下互聯網沒有發明之前的日子。網站還不存在，紙質的書本是我們主要的信息來源，而在書本中查詢我們想要的資料會耗費相當多的精力和時間。 而如今，你打開個瀏覽器用搜索引擎搜索，任...
webpack基于node，因此想要學習webpack首先要安裝node。webpack4要安裝node8.2以上版本。 1、安裝webpack 為什么選擇本地安裝，主要是由于以后介紹熱更新這一部分不會報錯，如果全局安裝熱更新就會報錯，以本部分為基礎依次介紹，保證各部分不會出錯。 mkdir webpack-test cd webpack-test npm init //初始化npm，都選擇默認，...
摘要：黑體本系列講解安全所需要的和黑體安全基礎我的第一個網頁黑體安全基礎初識黑體安全基礎初識標簽黑體安全基礎文件夾管理網站黑體安全基礎模塊化黑體安全基礎嵌套列表黑體安全基礎標簽拓展和屬性的使用黑體安全基礎嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎 : HTML/CSS | 0x0 我的第一個網頁 #WEB安全基礎 : HTML/CSS | 0x1初識CSS #WEB安全基...
閱讀 2002·2021-11-24 10:45
閱讀 1859·2021-10-09 09:43
閱讀 1298·2021-09-22 15:38
閱讀 1228·2021-08-18 10:19
閱讀 2843·2019-08-30 15:55
閱讀 3067·2019-08-30 12:45
閱讀 2970·2019-08-30 11:25
閱讀 361·2019-08-29 11:30
