前端之css樣式
css注釋
css的幾種引入方式
內部樣式
外部樣式 推薦使用
css選擇器
組合選擇器
屬性選擇器
根據標籤中屬性的具體值給定樣式 div[title="hello"]
分組和巢狀
不常用的選擇器
偽類選擇器
visited 已訪問的鏈結
hover 滑鼠移動到鏈結上才改變樣式
active 選的鏈結改變樣式
input 輸入框獲取焦點時樣式
偽元素選擇器
before 在內容前插入內容，該內容不可被選定
after 在內容尾插入內容，
注意:before 和after多用於清除浮動
選擇器優先順序
css相關屬性
font-size 字型大小
font-weight 字的粗細
文字屬性
text-align 對齊方式 屬性值
text-decoration 屬性用來給文字新增特殊效果
文字首行縮排
背景屬性 background
background-position 背景位置
背景屬性可以簡寫：
背景固定 backgound-attachment
邊框 border 顏色，寬度，虛實，
通常寬度 ，風格，顏色，簡寫在一起
border-radius 實現畫圓,可以調節其度數，
display 屬性 用來控制html元素的顯示效果的
inline 行內元素，運用將塊級元素的塊特點取消
block 將內聯元素變為塊級元素
inline-block 使元素同時具有行內元素和塊級元素的特點
css盒子模型
margin（外邊距） 用於控制元素與元素之間的距離，最基本的就是控制元素和空間之間的間隔，從視覺角度達到相互隔開的目的
border(邊框) 圍繞在內邊距和內容外的邊距
padding（內填充） 用於控制文字內容和邊框之間的距離
content（內容） 盒子的內容，顯示文字和影象
浮動float
取值：解決浮動的***使用clear
解決例項
推薦使用
overflow 溢位屬性
定位 position
z-index 設定z軸方向的層疊順序
opacity 透明度
前端知識 之 CSS
css cascadingstylesheet，層疊樣式表 定義如何顯示html元素。當瀏覽器讀到乙個樣式表，它就會按照這個樣式表來對文件進行格式化 渲染 2.1 css例項 每個css樣式由兩個組成部分 選擇器和宣告。宣告又包括屬性和屬性值。每個宣告之後用分號結束。3.1 行內樣式 行內式是在標記...
前端攻城獅 css樣式之定位
為什麼要學習定位呢？因為很重要。ps 這不是廢話嘛 這樣子把，假如說我們需要在乙個盒子裡居中顯示乙個小盒子，那麼就是需要定位來坐，定位用的頻率還是非常高的。css定位分為三種 絕對定位 相對定位 固定定位。各位看官不要急，聽我一一道來。相對定位 position relative 相對定位相對誰？相...
web前端之CSS樣式書寫方法
回顧之前寫的內容 1.認識編譯軟體和html 2.html中的標籤和特殊字元 3.html中的頭部標籤和常用標籤 4.超連結 錨鏈結和功能性鏈結 之前介紹過修飾網頁需要用到css樣式，但是在 寫css樣式呢？這篇帖子就介紹如何書寫。本篇帖子的目錄 1.內部css樣式 書寫 2.外部css樣式 書寫 ...