css 学习记录
如何引入css? 內聯(lián)樣式 在標簽內 添加style
style標簽
外聯(lián)式寫法 新建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會出現(xiàn)bug 解決bug 要寫一個clearfix::after{
content:'';
display:block;
clear:both;
}
然后將clearfix添加到 浮動元素的 父元素上
inherit 繼承父級元素
塊級元素的高度由其內部文檔流高度總和決定 文檔流就是文檔內部的元素流動方向 內聯(lián)元素從左往右流動 塊級元素從上往下流動
內聯(lián)元素高度 字體建議高度 ......在font size 比較小的時候 可以用line height控制高度
盡量不用寬度百分百 如果設置寬度百分百 又有設置padding 會出現(xiàn)bug
元素脫離文檔流 父元素高度不再包括該元素
span元素的高度設置 不直接寫寬高 獲得當前寬高? ?相減得到的數(shù)字 寫成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
總結
- 上一篇： logging模块(* * * * *)
- 下一篇： 一头扎进sql之多表操作