盒子在父級水平居中:margin:0 auto;
文字樣式操作
color:red;
text-align:center;
font: 900 30px/200px "stsong","微軟雅黑";
reset操作
清除預設樣式:
html,body,h1,h6,p,ul
高階選擇器:
每乙個選擇器位都可以替換為任意基礎|高階選擇器
群組:控制多個
後代:空格|子代:>
兄弟:~ |相鄰 :+
偽類(位置):nth-child(1,2n)
邊界圓角:
border-redius:20px 30px;
border-radius:50%;
border-radius:10px/20px;
背景:(精靈圖):
background:url("image/bg.png") no-repeat -200px -300px;
div:hover
浮動布局:
浮動布局可以讓塊級(block)標籤在父級的寬度限制下同行顯示,一行顯示不下,自動換行
(要達到一行顯示個數固定,一定要固定父級的寬度)
需要同行排列的使用浮動布局處理
父級需要清浮動
浮動的盒子寬度不在獲取父級寬度由內容撐開
語法:子級
問題:子級不在撐開父級高度(不完全脫離文件流)
脫離文件流:=>層級結構會上移,覆蓋有位置重疊且沒脫離文件流的標籤
不完全:浮動布局後,可以重新讓子級撐開父級的高度,
清浮動:讓不完全脫離文件流的子級重新撐開父級的高度,這種做法就叫做清浮動
語法: 父級:after
前端 第四天學習
第四天知識總結 1 樣式表 內部樣式表 外部樣式表 內聯樣式表 2 樣式表的權重 內聯樣式表的權重最大!內部和外部樣式的權重,和書寫的前後順序有關!放在後面的會把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式,不同屬性的樣式會繼續執行。3 css選擇符 css語法 選擇符 選擇符 選擇符就是給標籤起...
學習前端第四天
三十六 css的產生 cascading style sheets 層疊樣式表 隨著html的成長,為了滿足頁面設計的要求,html新增了很多顯示的功能,但是隨著這些功能的增加,html變得越來越雜亂,而且html頁面也越來越臃腫,於是css便誕生了,它的版本有2.0和3.0的版本,css3因為有相...
學習前端第四天
1.複習前一天學習的 表單。2.補充 內容 下拉列表 輔助表單 3.css語法 1.基礎語法 寬 width 高 height 顏色 color 1.單詞表示法 red,blue。2.十六進製制表示法 000000 3.rgb 255,0,0 背景顏色 background color 邊框 bor...