如何引入css? 內聯樣式 在標簽內 添加style

　　　　　　style標簽

　　　　　　外聯式寫法 新建CSS文件 通過用link標簽引入css樣式文件

　　　　　　import url(../);、

css語法? ?選擇器 {屬性：值；}

?

CSS屬性

float的屬性可以使元素左右浮動?

設置字體的樣式?

color屬性 用于 設置字體顏色? color 可以被子元素繼承

background-color:設置背景色?

width:設置寬度

height：設置高度

display:block 為塊級元素?

display:inline 為行內元素

line-height:設置行高 行高等于height 時 文字居中 不寫height直接寫line-height 高度等于line-height高度 并且居中?

font-size? 設置字體大小必須寫在font-family之前設置? font屬性都能被子元素繼承

font-weight:bold 文字加粗

font-family 設置文字字體?

text-align center 內容居中顯示

list-style:none; 去除li 標簽前面默認的樣式

padding：上下? ?左右 ；設置內邊距

margin：上下? ?左右 ；設置外邊距

border: 1px solid black? 邊框設置

border-collapse:bollapse; 邊框合并 該屬性用在表格標簽中

border-radius:50%;? 邊框圓角

?

float會出現bug 解決bug 要寫一個clearfix::after{

　　　　　　　　　　　　　　　　content:'';

　　　　　　　　　　　　　　　　display:block;

　　　　　　　　　　　　　　　　clear:both;

　　　　　　　　　　　　　　　　　　　　}

然后將clearfix添加到 浮動元素的 父元素上

inherit 繼承父級元素

塊級元素的高度由其內部文檔流高度總和決定 文檔流就是文檔內部的元素流動方向 內聯元素從左往右流動 塊級元素從上往下流動

內聯元素高度 字體建議高度 ......在font size 比較小的時候 可以用line height控制高度

盡量不用寬度百分百 如果設置寬度百分百 又有設置padding 會出現bug

元素脫離文檔流 父元素高度不再包括該元素

span元素的高度設置 不直接寫寬高 獲得當前寬高? ?相減得到的數字 寫成padding

CSS三角形的寫法

div{

　　border:100px solid transparent;

　　width:0px;(寬度必須寫 不寫就是自適應的)

　　height:0px;(高度可以不寫 不寫就為0）

　　border-left-color:#E6668A;

　　border-top-width:0px;

}

?

tac+ tab鍵? = text-align:cent

vat + tab = vartical -align :top

轉載于:https://www.cnblogs.com/Griffith/p/8654676.html

總結

以上是生活随笔為你收集整理的css 学习记录的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。