子代選擇器 (「>」)
html**:
蓋倫li>
流浪法師li>
光輝女郎li>
提莫li>
琴女li>
ul>
css**:
ul > li
![效果圖](
相鄰兄弟選擇器(「+」)
html**:
蓋倫li>
流浪法師li>
光輝女郎li>
提莫li>
琴女li>
ul>
css**:
ul li + li
![效果圖](
兄弟選擇器(「~」)
和相鄰兄弟選擇器的區別就是這個選擇器範圍更廣,它匹配的元素在指定元素之後,但是不一定相鄰。
偽選擇器 : 偽元素選擇器和偽類選擇器
偽類選擇器的字首是兩個冒號字元(::),但瀏覽器認為選擇器只有乙個冒號,也就是說 "::"可以看做是":",目的是為了向下相容。常見的::before、::after
1.border-radius 邊框圓角
2.border-image 邊框 url(「xx.jpg」) 30/50px
3.background-origin 邊框起源 border-box content-box padding-box
4.background-clip 邊框裁剪 border-box content-box padding-box 一般和background-origin一起使用。
5.background-size 背景大小 contain cover 具體尺寸 百分比(根據寬高)
6.box-shadow 盒子陰影
具體使用以上屬性的時候查文件,列在這裡主要為了心裡有個印象。以後再補充模糊的概念
css高斯模糊 運動模糊濾鏡
運動模糊是指快速運動的物體造成明顯的模糊拖動痕跡 以簡單的直線運動為例,運動模糊應該具有兩個引數,分別是半徑長度和角度 比如在sketch中如下 但是 css canvas svg 的濾鏡均不支援運動模糊。那是不是意味著如果設計師只是對乙個很簡單的圖形使用了sketch中的運動模糊濾鏡,我們在重構時...
CSS初學 如何修改Zblog中的CSS
在學習應用css之前我們要先了解一下什麼是css。css是cascading style sheets 層疊樣式表 的簡稱.css語言是一種標記語言,它不需要編譯,可以直接由瀏覽器執行 屬於瀏覽器解釋型語言 在標準網頁設www.cppcns.com計中css負責網頁內容 xhtml 的表現.css檔...
初學CSS樣式
今天學了三個樣式表,邊學邊練正好給了我喘息的時間,這樣的節奏我還是挺適應的,學會使用這些方法等,內部樣式表 內嵌式是將css 集中寫在html文件的head頭部標籤中,並且用style標籤定義,其基本語法格式如下 行內式 內聯樣式 標籤名 style 屬性1 屬性值1 屬性2 屬性值2 屬性3 屬性...