css中設定br標籤之後的樣式 CSS學習

2021-10-13 18:19:21 字數 2063 閱讀 2492

選擇器,宣告(由乙個屬性和乙個值)

注釋:/* */

選擇器:

1. id選擇器,class選擇器

2. 組和選擇

3. 屬性選擇

建立:

外部樣式表

html

內部樣式表

html

內聯樣式

html 這是乙個段落。

多重樣式優先順序

(內聯樣式)inline style > (內部樣式)internal style sheet >(外部樣式)external style sheet > 瀏覽器預設樣式

背景:

文字:

字型:

列表:

盒子模型:

邊框屬性:

邊框輪廓:

margin(外邊距):

padding(填充):

分組 和 巢狀 選擇器:

/*分組*/

h1,h2,p

/*巢狀*/

p.marked

.marked p

p.marked

尺寸:

塊級元素(block)特性:

內聯元素(inline)特性:

塊級元素主要有:

內聯元素主要有:

可變元素(根據上下文關係確定該元素是塊元素還是內聯元素):

css中塊級、內聯元素的應用:

利用css我們可以擺脫上面**裡html標籤歸類的限制,自由地在不同標籤/元素上應用我們需要的屬性。

主要用的css樣式有以下三個:

我們常將元素加上display:inline-block樣式,原本垂直的列表就可以水平顯示了。

定位:

relative:定位是相對於自身位置定位(設定偏移量的時候,會相對於自身所在的位置偏移)。設定了 relative 的元素仍然處在文件流中,元素的寬高不變,設定偏移量也不會影響其他元素的位置。最外層容器設定為 relative 定位,在沒有設定寬度的情況下,寬度是整個瀏覽器的寬度。

absolute:定位是相對於離元素最近的設定了絕對或相對定位的父元素決定的,如果沒有父元素設定絕對或相對定位,則元素相對於根元素即 html 元素定位。設定了 absolute 的元素脫了了文件流,元素在沒有設定寬度的情況下,寬度由元素裡面的內容決定。脫離後原來的位置相當於是空的,下面的元素會來佔據位置。

Js中設定css樣式

css div.style style js window.onload function false script html div 按鈕 button body 方法1.使用obj.style來修改css obj.style.屬性名 屬性值 此方法設定的是內聯樣式,而且有 時需要使用駝峰命名法 ...

PHP使用echo輸出標籤設定CSS樣式問題

使用php是可以輸出html標籤的,這為頁面設計帶來很大方便。在此記錄php輸出標籤設定css樣式的問題 echo可使用 或你不用引號,如果想要輸出帶css樣式的html標籤,echo使用 輸出即可。關於echo三種輸出的區別 1.整數型的值可以直接輸出。像數字這類都可以不加引號直接輸出。2.輸出變...

設定video標籤的預設樣式

使用chrome除錯,如下圖,在setting裡勾選框中選項 可以看到video標籤的控制欄dom結構,如下圖,修改對應的樣式即可 全屏按鈕 video webkit media controls fullscreen button video webkit media controls play ...