html css的一些筆記

2021-08-26 05:46:08 字數 2263 閱讀 8896

絕對路徑:是從碟符開始的路徑

相對路徑:是從當前路徑開始的路徑(..表示父目錄,上級目錄)

css定位:靜態定位,絕對定位,相對定位,固定定位

絕對定位是相對於最近已定位的祖先元素,元素框從文件流完全刪除

它可以像圖層一樣單獨做一層,第幾層可以通過z-index 來設定

相對定位是相對於正常排列的位置進行偏移,脫離文件流,但仍佔據空間

固定定位是元素的位置相對於瀏覽器視窗是固定位置

表單:表單元素23種type型別

選擇器元素選擇器,,萬用字元選擇器,   id選擇器,class選擇器,屬性選擇器,

後代選擇器(h1 em),子元素選擇器(h1>strong)

偽類和偽元素

選擇器優先順序排序:

!important >行內樣式>id選擇器>類選擇器>標籤>萬用字元>繼承>瀏覽器預設屬性

id選擇器和class選擇器的區別

css樣式:

內部樣式embedding(也叫內頁樣式):在網頁上建立嵌入的樣式表。

內聯樣式inline(也叫行內樣式):應用內嵌樣式到各個網頁元素。

它們的區別就是優先順序不一樣:內聯式 > 內部式 > 外部式

行內元素和塊級元素的區別:

行內元素

從左往右排列,不佔據一行;

對其設定寬高及

margin

的上下距離無效

塊級元素

單獨佔據一行

行內塊級元素

不會自動換行,相比行內可以設定寬高,具有行內塊級共同特性,最為常用。

iso符號實體:

© ®  ® 空格

這種方法會預設開啟本頁面,重新重新整理一次頁面。

這種方法可以再

chrome

和ie11

中,不再跳回頁面頂部,但是還是會修改位址列。

css書寫順序:

位置屬性

(position, top, right, z-index, display, float等)

2.大小

(width, height, padding, margin)

3.文字系列

(font, line-height, letter-spacing, color- text-align等)

4.背景

(background, border等)

5.其他

(animation, transition等)

1.長名稱或片語可以使用中橫線來為選擇器命名。 2.

不建議使用

「_」下劃線來命名

css選擇器,為什麼呢?

一律小寫

;2.盡量用英文

;3.不加中槓和下劃線

;4.盡量不縮寫,除非一看就明白的單詞。

css

命名規則:

css和其他程式一樣,都是有作用域這個概念,有全域性、類區域性作用這些方式。

舉個例子: 

p/*

作用域:全域性

*/ .div p/*

作用域:

div類中

*/ 介紹下css

幾種編寫方式和權重對比

1)標籤:權值為

0,0,0,1 

2)類:權值為

0,0,1,0 

3)屬性選擇:權值為

0,0,1,1 4)

id:權值為

0,1,0,0 5)

important

的權值為最高

1,0,0,

一些常見html css遇到的問題

1 讓容器內文字不管是單行還是多行始終垂直居中 解決 css無法直接控制,用js實現 2 ie上超連結使用絕對定位後失效 解決辦法 1 使用position relative而不是position absolute 2 新增背景色 3 新增透明的背景,gif或png,但會增加無意義的http請求 4...

小白學習html css一些筆記 6 拓展選擇器

擴充套件選擇器 1.選擇所有元素 語法 2.並集選擇器 選擇器1,選擇器2 3.子選擇器 篩選選擇器1元素下的選擇器2元素 語法 選擇器1 選擇器2 4.父選擇器 篩選選擇器2的父元素選擇器1 語法 選擇器1 選擇器2 5.屬性選擇器 選擇元素名稱,屬性名 屬性值的元素 語法 元素名稱 屬性名 屬性...

一些常用的html css整理 文字長度擷取

div css設定列表div超出部分顯示.單行文字 width 200px 指定寬度 overflow hidden 將超出內容隱藏 text overflow ellipsis 文字溢位時顯示省略標記。white space nowrap 強制內容不換行。強制在同一行內顯示所有文字,直到文字結束或...