前端 易混淆的一些css屬性

2021-10-02 14:31:55 字數 2301 閱讀 8102

html平時常見的塊元素有:div, p, h1, h2, h3等,

address      - 位址

blockquote - 塊引用

center - 舉中對齊塊

dir - 目錄列表

div - 常用塊級

dl - 定義列表

fieldset - form控制組

form - 互動表單

h -標題標籤

hr - 水平分隔線

isindex - input prompt

menu - 選單列表

ol - 排序表單

p - 段落

pre - 格式化文字

table - **

ul - 非排序列表

內聯元素有:span, a, img等。

a       - 錨點

abbr - 縮寫

span - 文字內區塊

img -

input - 輸入框

textarea - 多行文字輸入框

label - **標籤

select - 選擇

acronym - 首字

b - 粗體

big - 大字型

br - 換行

cite - 引用

code - 引用原始碼使用

em - 強調

font - 字型設定

i - 斜體

kbd - 定義鍵盤文字

q - 短引用

s - 中劃線

samp - 定義範例計算機**

small - 小字型文字

strike - 中劃線

strong - 粗體強調

sub - 下標

sup - 上標

u - 下劃線

var - 定義變數

塊元素的屬性:無論內容是什麼,都會獨佔一整行。主要用於頁面布局。

內聯元素的屬性:只佔自身大小的元素,不會占用一行。主要用於選中文字設定樣式。

position:

- absolute   絕對定位的元素  通過 "left" , "top" , "right" ,"bottom"屬性進行  元素可以放在頁面的任何位置

-relative      相對定位的元素,相對於正常位置進行定位    相對於上一層標籤的位置進行移動,層層箱套

-fixed          固定定位的元素,相對於瀏覽器的視窗進行定位   可以在網頁的導航條上進行使用   不隨網頁的滾動而變化   

display    屬性規定元素應該生成的框的型別

-none     元素不顯示 資料被隱藏

-block     顯示為塊級標籤  會獨佔一行

-inline     顯示為內聯元素  (也叫行內元素)

-inline-block  行內塊元素

padding   (不准使用負值)

-在乙個宣告中設定所有內邊的屬性

padding: 2px 3px 4px 5px;     上內邊距是 2px  右內邊距是3px  下內邊距4px  左內邊距5px

padding: 2px 3px 4px;            上內邊距是 2px   右左內邊距是3px   下內邊距4px

padding: 2px 3px  ;                 上下內邊距是 2px    右左內邊距是3px

padding: 2px;                          四個內邊距全是2px;

margin 在乙個宣告中設定所有外邊距屬性(可以使用負值)

margin: 2px 3px 4px 5px;         上外邊距是2px   右外邊距是3px   下外邊距是4px   左外邊距是5px 

margin: 2px 3px 4px;             上外邊距是2px    右左外邊距是3px  下外邊距是4px 

margin: 2px 3px ;                   上下外邊距是2px  右左外邊距是3px

margin:2px                                四個外邊距全是2px;

Web前端易混淆的一些知識

相同點 都用於瀏覽器端儲存的快取資料 不同點 儲存內容是否傳送到伺服器端 當設定了cookie後,資料會傳送到伺服器端,造成一定的寬頻浪費 storage則會將資料儲存 到本地,不會造成寬頻浪費 資料儲存大小不同 cookie資料不能超過4k,適用於會話標識 storage資料儲存可以達到5m 資料...

一些css的屬性

一些css的屬性 使整個頁面的元素都沒有頁邊距 margin 與填充距離 padding body 使整個頁面居中顯示 padding 12px 元件能與邊緣的距離 moz border radius 6px 6px 6px 6px 圓角 float left div同行顯示 margin 30px...

css的一些屬性

1 文字的水平居中 css實現單行文字水平居中 text align center 2 塊元素居中 保證margin left和margin right都為auto,就可以保證塊元素水平居中 如果要是使用margin 0 auto來實現塊元素居中,就要 指定這個元素的寬度 3 行內元素 使用text...