CSS基礎中的基礎

2021-10-02 11:44:05 字數 1044 閱讀 7361

最近在家沒有電腦,沒有專案,就從b站上看了看css,方便後來學習,就做一下筆記。

無意義塊狀元素標籤

無意義行內元素標籤

段落標籤

無序列表

列表項超連結標籤

標籤斜體標籤

粗體標籤

id選擇器: #id

類選擇器: .class

關係選擇器:div p、div>p、div,p

偽類選擇器:hover

結構性偽類選擇器:e:after、e:before、e:nth-child()、e:first-child、e:last-child

字型屬性:font-size

文字屬性:text-decoration、text-align

首行縮排:text-indent

行高:line height

寬高屬性:width、height、min-height、max-height

背景屬性:background

列表屬性:list-style

字型顏色:color

定位屬性:position

布局屬性:display

浮動屬性:float、clear

盒子模型:border、margin、padding

圓角邊框:border-radius

陰影:text-shadow、box-shadow

盒子模型:乙個div就是乙個盒子模型,div的特點就是獨佔一行,與div相比較,span是行內元素,特點是沒有寬高屬性。

浮動定位指:

(1)將元素排在普通流之外

(2)元素將不在頁面中佔據空間

(3)將浮動元素放置在包含框的左邊或者右邊

(4)浮動元素依舊位於包含框之內

其他注意事項:

(1)浮動的框可以向左或者向右移動,直到他的外邊緣碰到包含框或另乙個浮動框的邊框為止。

(2)浮動元素的外邊緣不會超過其父元素的內邊緣

(3)浮動元素不會相互重疊

(4)浮動元素不會上下浮動

基礎中的基礎

console.log 我是乙個字串 console.info 我是提示訊息 console.warn 我是警告訊息 console.error 我是錯誤資訊 console.count 統計次數 console.table 列印物件格式 console.dirxml 我是某個節點的html con...

css學習 css基礎

子選擇器 parent child 子選擇器是指選擇parent的範圍內的第乙個子元素。這裡parent和child均是偽 可以是class用.classname,也可以是標籤ul li,也可以是id pid cid 後代選擇器 parent child 後代選擇器是指 選擇parent範圍內的所欲...

css中的字型 文字基礎屬性

1 設定字型大小font size 20px 2 設定字型粗細程度font weight normal 取值 1.normal 預設值 等價於400 2.bold 加粗 等價於7003 設定斜體font style italic 4 設定字型名稱font family arial,黑體 取值 1.可...