web技術夯實基礎篇(三) css

2021-08-20 06:20:28 字數 1207 閱讀 8537

一、選擇器:id,class,元素名,屬性,偽類(:hover,:nth-child),偽元素(:before),*,選擇器組

一些有趣的偽元素

::first-letter:塊級元素第一行第乙個字。

::first-line: 塊級元素第一行

::selection:被使用者選中高亮的部分

選擇器組:

a + b:b是a後面緊跟的元素

a ~ b:b是a後面任意元素

二、單位

絕對單位:px等。

相對單位:em,rem,vw, vh等。

一般瀏覽器初識字型大小為16px;

em:相對父元素的倍數。

rem:不支援低版本ie。

vw, vh:支援性不如rem。

三、控制繼承的通用屬性

inherit:繼承父元素屬性值。

initial:瀏覽器初始值。

四、盒模型

margin border padding content

背景裁切:background-clip: border-box / padding-box / content-box;

五、字型

text-transform:大小寫轉換

text-decoration:文字裝飾,line style color

text-shadow:文字陰影

letter-spacing:字母間距

word-spacing:單詞間距

引用web字型

@font-face

html

六、背景

background-image: linear-gradient(to bottom, yellow, orange 40%, yellow); 漸變背景

background-attachment:scroll/fixed/local 固定滾動背景

背景是可以堆疊的。

邊框背景:background-clip: padding-box;(背景只填充內容區)

border-image-source: url()

border-image-slice: 40;

border-image-repeat:邊界的填充規則

filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.7))(過濾器產生的陰影,不支援ie)

夯實基礎js 語句篇

下面這些值將被計算出 false also known as falsy values 當傳遞給條件語句時,所有其他值,包括所有物件會被計算為 true 請不要混淆原始的布林值true和false 與 布林物件的值true和false 譯者注 下例中b屬於物件,會被計算為true!例如 var b ...

Java基礎夯實三

1.宣告位置不同 成員變數也就是屬性,在類中宣告的。區域性變數,在方法中宣告或 塊中宣告。2.初始值不同 成員變數如果沒有賦值則是有預設值的,資料型別不同則預設值不同。區域性變數是沒有預設值,也就是說必須先宣告,再賦值,最後才使用。3.在乙個類中,區域性變數可以與成員變數同名,但是區域性變數優先,如...

web技術 CSS基礎知識

css指層疊樣式表 cascading style sheets css語法由兩個主要的部分構成 選擇器 html元素 以及一條或多條宣告 新增注釋 selector,selector5 p內聯樣式 內部樣式 外部樣式 瀏覽器預設樣式 外部樣式 內部樣式 內聯樣式 這是乙個段落 屬性說明值 版本ba...