CSS二
css字型樣式:
字型型別:例如宋體,微軟雅黑。。如果不定義,預設字型型別一般是“宋體”
語法:font-family:字型一,字型二;
css字型大小:
font-size屬性取值有兩種,一種是“關鍵字”,如small,large,另一種則是畫素值,如10px,20px
px,全稱pixel(畫素)它就是圖片中最小的點。
語法:font-size:畫素值;
css字型粗細:
font-weight屬性取值有兩種:一種是100~900的“數值”,另一種則是“關鍵字”
取值屬性值:normal正常 lighter較細 bold較粗(最常用) bolder很粗
語法:font-weight:取值;
css字型風格:
font-style屬性值:normal正常 italic斜體 oblique斜體
可以這樣理解:有些字型有斜體italic屬性,但是有些字型卻沒有italic屬性。oblique是沒有italic屬性的字型也能夠有斜體效果。
語法:font-style:取值;
css字型顏色:
語法:color:顏色值; 如 red,green。。。
css註釋:
語法:/*註釋的內容*/
css文字樣式:
css首行縮排:
語法:text-indent:畫素值px;以px為單位。
css水平對齊:
text-align屬性取值:left左對齊 center居中對齊(最常用) right右對齊
語法:text-align:取值;
css文字修飾:
text-decoration屬性取值:none去除所有劃線效果 underline下劃線 line-through中劃線 overline頂劃線(不常用)
語法:text-decoration:取值;
css大小寫(一般用於英文):
text-transform屬性取值:none無轉換 uppercase轉換為大寫 lowercase轉換為小寫 capitalize將首字母大寫
語法:text-transform:取值;
css行高:
語法:line-height:畫素值;
css間距:
字間距:可以用letter-spacing屬性調整兩個字之間間距。
語法:letter-spacing:畫素值;
詞間距:語法:word-spacing:畫素值;
css邊框樣式:
簡介:幾乎所有元素都可以定義邊框。定義一個邊框需要設定3個方面:border-width邊框的寬度 border-style邊框的外觀 border-color邊框的顏色
語法:完整形式:border-width:1px;
border-style:soild;
border-color:red;
簡寫形式:border-屬性:1px soild red;
屬性:border-top上邊框 border-bottom下邊框 border-left左邊框 border-right右邊框
去除一條邊框三種語法:border-屬性:0;
border-屬性:none;
border-屬性:opx;
相關文章
- 前端面試二(CSS)前端面試CSS
- CSS面試題(二)CSS面試題
- 第二階段-cssCSS
- CSS 二級下拉選單CSS
- CSS二級下拉選單CSS
- HTML/CSS 二級選單HTMLCSS
- CSS學習(二)選擇符CSS
- jQuery與CSS二級下拉選單jQueryCSS
- CSS3筆記(二)陰影CSSS3筆記
- CSS札記(二):級聯與繼承CSS繼承
- 學習css的第二天CSS
- css揭祕實戰技巧 - 形狀 [二]CSS
- 前端規範與思考(二)———css規範前端CSS
- 【Hello CSS】第二章-CSS的邏輯屬性與盒子模型CSS模型
- HTML+CSS知識點大雜燴(二)HTMLCSS
- 不定期更新的CSS奇淫技巧(二)CSS
- CSS 定義第二個li元素樣式CSS
- HTML&CSS面試高頻考點(二)HTMLCSS面試
- 巧用 CSS 構建漸變彩色二維碼CSS
- 兩天學會CSS(第二天)CSS
- Next.js踩坑入門系列(二)— 新增Antd && CSSJSCSS
- css經典佈局系列二——等分等高佈局CSS
- Head First HTML 與 CSS(第二版)學習筆記HTMLCSS筆記
- css 命名:BEM, scoped css, css modules 與 css-in-jsCSSJS
- css(二):高度與文件流,line-box與box,寬度,position與CSS
- CSS 奇技淫巧 | 巧妙實現文字二次加粗再加邊框CSS
- 關於軟體測試第二天---標籤和CSSCSS
- 【CSS】CSS常用技巧CSS
- CSS速刷 - CSS效果CSS
- css43 CSS SpecificityCSS
- css15 CSS MarginsCSS
- css16 CSS PaddingCSSpadding
- CSS——CSS基礎(1)CSS
- Web應用課 第二講 CSS定義方式、選擇器、顏色WebCSS
- CSS——CSS 值和單位CSS
- CSS速刷 - CSS動畫CSS動畫
- css34 CSS Opacity / TransparencyCSSS3
- css38 CSS Image SpritesCSSS3