css 說的通俗一點就是 給標籤加樣式的。什麼玩意是樣式呢。你們可以理解為人穿的衣服，化妝之類的修飾，讓自己的寫的標籤變的好看一點
那麼這個css 怎麼加到對應的標籤上面去呢
有3種方法 分別是 外部樣式、內頁樣式、行內樣式。
那麼這個css 怎麼加到對應的標籤上面去呢
有3種方法 分別是 外部樣式、內頁樣式、行內樣式。
比如這個樣子：
內頁樣式：在網頁上建立嵌入的樣式表
比如這個樣子：行內樣式：應用內嵌樣式到各個網頁元素。
比如這個樣子：
xiaochuan
那比如說我這三個 樣式都針對 某乙個標籤
他的優先順序是什麼樣子的呢？
行內樣式 > 內頁樣式 > 外部樣式
怎麼理解呢
比如:行內樣式 設定文字大小為 14px
內頁樣式 設定文字大小為 15px
外部樣式 設定文字大小為 16px
那麼這邊標籤的 設定文字大小為 14px
css 語法
標籤選擇符方式 這是針對頁面上面對應的所有標籤都會生效
pxiaochuan1
類選擇符 這是針對頁面上面標籤中class屬性存在對應類名都會生效
.xiao
xiaochuan1
xiaochuan2
id選擇符 這是針對頁面上面標籤中id屬性存在對應類名都會生效 切記這個只能用一次。有可能說某些瀏覽器可以無限使用但是不建議使用多次
#xiao
xiaochuan1
xiaochuan2
關聯選擇符 這是針對頁面上面對應格式的所有標籤都會生效
p span
xiaochuan1
xiaochuan2
組合方式 這是針對頁面上面對應的所有標籤都會生效
h1, h2如果我們這邊需要對某個標籤定義多個css怎麼去寫呢
格式為 樣式的名稱:樣式的值;
如果寫單個的話分號可以進行省略,最後乙個分號也可以省略
xiaochuan
xiaochuan
css 屬性賦值
css 有的屬性是有多個值的 當然也可以多個賦值 也可以直接賦值給乙個
我這邊就說一下margin 吧
margin:10px;
這個代表的意思為
所有 4 個外邊距都是 10px
margin:10px 5px;
這個代表的意思為
上外邊距和下外邊距是 10px
右外邊距和左外邊距是 5px
margin:10px 5px 15px;
這個代表的意思為
上外邊距是 10px
右外邊距和左外邊距是 5px
下外邊距是 15px
margin:10px 5px 15px 20px;
這個代表的意思為
上外邊距是 10px
右外邊距是 5px
下外邊距是 15px
左外邊距是 20px
當然如果搞不懂直接
margin-left
margin-top
margin-right
margin-bottom
這樣也可以
我這邊整理了一下 經常會在專案中用到的一些樣式
color 設定文字顏色
font-family 定義文字字型
font-size 設定文字的大小
font-style 設定 文字斜體
line-height 設定行高
text-align 文字的對齊方式
list-style-type 列表樣式
background 定義背景 可以設定 顏色之類的
cursor 設定滑鼠的形狀
border 設定標籤的邊框
margin 設定標籤的外邊距
padding 設定標籤的內邊距
position 定位
overflow 溢位
float 浮動
width 設定寬
height 設定高
a 標籤這個比較特別
a 所有超連結
a:link 超連結文字格式
a:visited 瀏覽過的鏈結文字格式
a:active 按下鏈結的格式
a:hover 滑鼠轉到鏈結
css常用樣式
格式調整 標籤的位置調整 text align center 絕對元素生成 position absolute margin right 微調上下左右 浮動 float 上下左右 width 寬 height 高 樣式調整 字型粗細 font weight size 字型格式 text decora...
CSS常用樣式
img box imgparentelement childelementfilter alpha opacity 60 filter progid dximagetransform.microsoft.gradient startcolorstr red,endcolorstr blue,grad...
常用CSS樣式
一 1 樣式表的引入與使用 1 鏈入外部樣式表檔案 2 定義內部樣式塊物件 3 內聯樣式定義 例 文字 4 樣式定義語法 選擇符 5 優先順序 從高到低 內聯樣式 內部樣式 外部樣式。二 常用選擇符型別 1 通配選擇符 例 2 型別選擇符 例 td 3 類選擇符 class選擇符 定義例 list ...