前端第四天

2022-03-28 01:23:10 字數 864 閱讀 7428

盒子在父級水平居中: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...