base元素 ->
a元素的錨點鏈結
a元素和img元素結合
letter-word-spacing
text-transform(不常用)
text-indent:
text-align:
font-family
font-weight
font-style
font-varient(不常用)
line-height
font縮寫屬性:
[title="abc"]
.box a
.box>a
div+p
div~p
div.box
div, .box
:active:長按未鬆開的狀態
結構偽類:
nth-last-child
nth-of-type:只計算同型別的元素
nth-last-of-type
only-child:是父元素中唯一的子元素
root:根元素,就是html元素
empty:代表裡面完全空白的元素
:not(x):除什麼以外
多個選擇器時權重的比較:
input: p單行文字輸入框、單選框、核取方塊、按鈕等元素
maxlength:允許輸入的最大的字數
placeholder: 佔位文字
readonly: 唯讀
disable: 禁用
checked: 預設被選中
name----value:鍵值對 名字----值
textarea:多行文字框
select、option:下拉選擇框
button:按鈕
textarea:多行文字
label:表單元素的標題
for=
"username"
>
使用者名稱:laber
>
"username"
type
="text"
name
="name"
>
fieldset:表單元素組(整個表單的邊框)
legend:fieldset的標題(邊框上的資訊)
瀏覽是否替換方式
display:
visibility:visible/hidden
overflow
元素之間的空隙是如何產生的
元素的巢狀
padding
margin
border
行內元素:
設定圓角效果
設定輪廓
設定陰影
文字陰影
水平居中的不同方式
background-color
background-repeat
background-size
background-position
background-attachment
background縮寫屬性:
游標: cursor: pointer
精靈圖relative
absolute
fixed
浮動的六個規則
transform-origin:變形的原點
多**元素
input補充
flex-items
3d
/* 顯示兩行文字並且顯示省略號的方法 */
display
: -webkit-box;
-webkit-line-clamp
: 2;
-webkit-box-orient
: vertical;
text-overflow
: ellipsis;
overflow
: hidden;
/* 顯示一行文字並且顯示省略號的方法 */
/* 文字超出後是否自動換行 */
white-space
: nowrap;
text-overflow
: ellipsis;
overflow
: hidden;
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
問題二: 動態計算rem值
html css基礎 遺忘 重要知識點總結
星期六用了一天的時間刷完慕課上的html css基礎課程。撿起了許多遺忘的 或者以前不重視的知識點。現在整理如下 炒雞基礎.1.標籤字型加粗 標籤字型傾斜 標籤表示強調語氣 傾斜效果 標籤表示更強的強調語氣 加粗效果 示例 b b標籤 b br i i標籤 i br em em標籤 em br st...
html css雜碎知識點
1.charset 編碼字符集 utf 8 任何國家語言 gb2312 中國 簡體字符集 gbk 包括所有亞洲字符集和繁體字符集 unicode 萬國碼 2.告訴搜尋引擎爬蟲我們的 是什麼內容 3.佔位符 提示符 4.標籤 超連結,錨點,協議限定符 雙擊回頂部 置頂 find demol5.兩頁面操...
Html Css 小知識點
選擇器 根據選擇器來對html內的內容做css修飾 樣式 找到乙個元素 找到乙個元素 選擇器 css都在style標籤內部寫 1.標籤選擇器 根據標籤名查詢。小麗 2.id選擇器 id必須是唯一的。css修飾是用 開頭 3.class選擇器,可以選擇多個元素,加到多個標籤裡面,css修飾.開頭 優先...