摘要:內聯元素行內元素內聯元素行內元素沒有任何語義,專門用來選中文字,然后為文字設置樣式。內聯元素只占自身大小,不會占用一行。一般請款告知使用塊蒜素去包含內聯元素,二不會使用內聯元素去包含塊元素。用戶相同屬性的元素,稱為一組元素。
CSS:層疊樣式表
網頁一層一層的。
而css就可以分別為網頁的各層設置樣式。
(內聯樣式)放在元素的style屬性中。給誰設置寫在那個標簽里面。
也稱為:內聯樣式,只對當前的元素中的內容起作用。
內聯樣式不方便復用,不推薦使用。
內聯樣式屬于結構與表現耦合,不方便后期的維護,不推薦使用。
鋤禾日當午,旱地和嚇唬
(內部樣式)將css樣式編寫在head中的style標簽里,然后通過css選擇器選擇指定元素,然后可以同時為這些元素一起設置樣式,這樣可以使樣式進一步的復用。
將樣式表編寫到style標簽中,也可以使表現和結構進一步分類,使表現和結構進一步分離,推薦使用方式。
(外部樣式)表
將樣式表編寫到外部的css文件中。
編寫外部樣式css文件
引入外部css樣式文件到當前html中。
CSS入門
鋤禾日當午,旱地和嚇唬
創建明月光,疑似地上霜
/*
注釋內容
*/
通過選擇器可以選中頁面中指定的元素,并且將聲明塊中的樣式應用到選擇器對應的元素上。
聲明塊緊跟在選擇器的后邊,使用對{}括起來,聲明塊中實際上就是一組一組的明值對結構,這一組一組的明值對我們稱為聲明。
在一個聲明塊中可以寫多個聲明,多個聲明之間使用;隔開。聲明的樣式名和樣式值之間使用:來連接
p{
color:red;
font-size:100px;
}
推薦使用的開發工具,見官網文檔。
one div
two div
div、p、h1、h2、h3.。。。
span:沒有任何語義,專門用來選中文字,然后為文字設置樣式。
內聯元素:只占自身大小,不會占用一行。
a、img、span、iframe
塊元素:主要用來布局。
內聯元素:主要用來選中文本,設置文本樣式。
一般請款告知使用塊蒜素去包含內聯元素,二不會使用內聯元素去包含塊元素。
,但是除了它本身。
元素(標簽)選擇器
作用:可以選擇頁面中的所有指定元素。
p{
color:red;
font-size:100px;
}
id選擇器
通過元素的id屬性值選中唯一的一個元素。
語法:
#p1{
color: green;
font-size: 300px;
}
類選擇器
可以為元素設置class屬性,class屬性和id屬性類似,只不過class屬性可以重復。
用戶相同class屬性的元素,稱為一組元素。
通過元素的class屬性,選中一組元素。
css03
ggggg
ggggg
ggggg
ggggg
ggggg
class可以同時為一個元素設置多個class屬性值,多個值之間用空格隔開。
選擇器分組
通過選擇器分組可以同時選中多個選擇器對應的元素。
語法:選擇器1,選擇器2,選中N{}
css03
fd
fdfd
ggggg
ggggg
ggggg
ggggg
通配選擇器
可以用來選中頁面中的所有元素
*{
color:red;
font-size: 90px;
}
作用:可以選中同時滿足多個選擇器的元素
span.p3{
color: #00008B;
}
span與p3中間沒有空格。
對id選擇器來說,不建議使用復合選擇器。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1652.html
摘要:現在回到我們這一章節的標題,將它做下補充關于那些事四之基于構架基礎樣式庫基礎庫構思為什么要做基礎庫我上一章節的末尾拋出了幾個問題假設你要做一個游戲單頁面,網頁上并不存在表單內容,那么你就要移除一些冗余的代碼,開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節,我們都說了哪些內容: CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...
摘要:現在回到我們這一章節的標題,將它做下補充關于那些事四之基于構架基礎樣式庫基礎庫構思為什么要做基礎庫我上一章節的末尾拋出了幾個問題假設你要做一個游戲單頁面,網頁上并不存在表單內容,那么你就要移除一些冗余的代碼,開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節,我們都說了哪些內容: CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...
摘要:派生選擇器依據元素的位置關系來定義樣式。稱其為上下文選擇器,稱其為派生選擇器。在現在布局中,選擇器常常用于建立派生選擇器。和一樣,也可被用作派生選擇器。 文章大綱來源:【Day 3】HTML復習 + CSS基礎 初識CSS 入門CSS 初識CSS 層疊樣式表(Cascading Style Sheets),即前端常說的CSS。 內容引用:CSS 簡介 樣式解決了什么問題? HTML...
摘要:派生選擇器依據元素的位置關系來定義樣式。稱其為上下文選擇器,稱其為派生選擇器。在現在布局中,選擇器常常用于建立派生選擇器。和一樣,也可被用作派生選擇器。 文章大綱來源:【Day 3】HTML復習 + CSS基礎 初識CSS 入門CSS 初識CSS 層疊樣式表(Cascading Style Sheets),即前端常說的CSS。 內容引用:CSS 簡介 樣式解決了什么問題? HTML...
摘要:基礎基礎是一種標記語言,不是編程語言,需要明確這點。元素標簽內容基礎基礎負責文本樣式的呈現,既然將和分離開,各自只負責各自的職責,那么肯定需要某種方式將兩者連接在一起。 本篇文章已授權微信公眾號 dasu_Android(大蘇)獨家發布 聲明 本系列文章內容全部梳理自以下四個來源: 《HTML5權威指南》 《JavaScript權威指南》 MDN web docs Github:smyh...
閱讀 1816·2019-08-30 15:55
閱讀 1007·2019-08-26 11:57
閱讀 509·2019-08-26 11:29
閱讀 3358·2019-08-26 10:49
閱讀 1910·2019-08-23 18:40
閱讀 1749·2019-08-23 16:04
閱讀 3104·2019-08-23 11:01
閱讀 2271·2019-08-23 10:56