CSS3 中的一些簡單格式

2021-08-20 14:38:18 字數 1125 閱讀 3117

css:

1.格式

2.注意點:

1.寫在head 標籤之間

2.type = "text/css" (預設也是這個)

3.大多數情況下分號不能省略

樣式:1.行內樣式 : 直接將css**寫到開始標籤當中

2.內嵌標籤 : 可以在標籤中寫上一對style標籤,然後在style標籤中編寫css**

3.外鏈樣式 : 單獨新建乙個.css檔案,把css**寫到給檔案中

關聯: 通過標籤中的link標籤把.html和.css關聯

4.匯入樣式 : 通過在標籤中的@import url("")

文字屬性簡寫:   

font-style:italic;

font-weight:bold;

font-size:10px;

font-family:"楷體";

簡寫為;

font: italic bold 10px "楷體";

注意點:1.有的屬性值可以省略,有的屬性值不可以省略!!

style ,weight....可以省略

2.style 和 weight的位置可以省略

3.不可省略的屬性值:size

4.size屬性值必須在family屬性值之前  而且位於所有屬性值之後

文字裝飾屬性:

格式:text-decoration:underline;//新增下劃線

文字對齊:

格式:text-align:right;

color屬性修改文字顏色相關:

格式:color:值

取值:1. 英文單詞;

2. rgb 即對應的三原色(r 紅色 g 綠色 b 藍色)

格式:rgb(0,0,0)  裡面填寫數值 表示每個光源原件顯示的亮度  

0~255之間   (0,0,0)黑色  (255,255,255)白色

三個值相同時為灰色 值越小越偏向於黑色  值越大越偏向於白色

3. rgba  格式:rgba(0,0,0,1)  最後乙個值用於控制透明度 

值為1表示不透明  值為0表示完全透明 (看不見)

4. 十六進製制表示  格式:#ff0000;

本質就是rgb   ff表示r  ee表示g  00表示b

CSS3 一些屬性

1.flex direction 調整主軸方向 預設為水平方向 包括row column row reverse column reverse 2.justify content 主軸方向對齊,可以調整元素在主軸方向上的對齊方式,包括flex start flex end center space ...

css3一些屬性

1.第乙個引數預設朝外,可設定朝內inset或者不寫 2.第二個引數必須寫,左右水平偏移量 3.第三個引數必須寫,上下垂直偏移量 4.第四個引數可選,擴散blur寬度 5.第五個引數可選,顏色 box shadow裡面引數可以疊加,eg box shadow inset 1px 1px 1px pi...

css3的一些屬性

以前還沒有注意過css的一些屬性,近期發現有一些樣式很好用,現在整理一遍。keyframes 規定動畫 可以通過keyframes 改變乙個塊的樣式當然這是要配合animation屬性來結合的 keyframes mymove mymove必須定義動畫的名稱在 100 moz keyframes m...