初學css中模糊不清的東西

2021-07-24 13:00:24 字數 996 閱讀 5970

子代選擇器 (「>」)

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 屬性...