一、選擇器: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...