CSS筆記總結

2021-10-14 09:47:55 字數 1396 閱讀 6583

< p style=「color:white;background:blank」 >這裡文字是紅色。< /p >

< link href=「style.css」 rel=「stylesheet」 type=「text/css」 />

注意：

子級設定 position定位，top、left設定為 50%,然後margin-left和margin-top各對應設定負一半的寬高

在父級設定



.clearfix:after
overflow：hidden；[常用]

static：預設值，元素沒有開啟定位

relative：開啟相對定位屬性值

absolute：開啟絕對定位屬性值

fixed：開啟固定定位屬性值

relative相對定位

absolute絕對定位

fixed固定定位

font-family: 「宋體」;

font-size:

color:red | #008c8c | rgba();

font-weight: bold;

font-style: italic;

text-decoration: underline | line-through;

text-indent: 2em(2倍文字大小)

line-height: 1.5em

letter-spacing: 0.5em

word-spacing: 0.5em

border/padding/margin: 值1上下左右border/padding/margin: 值1 值2上下 左右border/padding/margin: 值1 值2 值3上 左右 下border/padding/margin: 值1 值2 值3 值4上 右 下 左absolute 絕對定位 （相對於父類）

relative 相對定位 （相對於以前）

fixed 固定定位 (相對於瀏覽器視窗)

css定位筆記總結

css position屬性有五種定位方式 static relative absolute fixed sticky 定位方式 在文件流 會產生堆疊 設定top等屬性 static是否 不需要relative是是 需要absolute否是 需要fixed否是 需要sticky是需要 接下來逐一進行...

CSS 學習筆記總結

1.概念 cascading style sheets 層疊樣式表 層疊 多個樣式可以作用在同乙個html的元素上，同時生效 2.好處 1.功能強大 2.將內容展示和樣式控制分離 降低耦合度。解耦 讓分工協作更容易 提高開發效率 3.css的使用 css與html結合方式 1.內聯樣式 在標籤內使用...

CSS 文字行（總結筆記）

1 什麼是行高?行高指文字基線間的垂直距離，行高在數值上等於字型大小 行距。行高是可繼承的line height 是可以繼承的。父元素不同的行高單位影響子元素的繼承 父元素的行高為 24px 時，子元素直接繼承此固定的行高 父元素的行高為 150 或 1.5em 時，會根據父元素的字型大小先計算出行...