CSS 知識整理 一 基本介紹和CSS匯入方式

2021-10-18 10:49:19 字數 1004 閱讀 2985

目錄

css知識整理(一) 基本介紹和css匯入方式

一、基本介紹

二、匯入方式

1. 行內樣式

2. 內部樣式

3. 外部樣式

css全稱為cascading style sheets,層疊樣式表,用來對html進行渲染,讓html骨架網頁變得具有一定的樣式,簡單來說,就是讓網頁變得好看。

css的優勢:

css的基本結構為:

標籤選擇器
標籤選擇器{}

css可以單獨拿出來作為乙個.css檔案,也可以直接在html中進行新增,行內樣式和內部樣式就是在html中直接書寫css**,外部樣式是單獨編寫.css檔案,然後再html檔案中進行匯入

效果如下:

效果如下:

首先我們準備乙個style.css檔案

/*外部樣式*/

h3

上面的效果均如下:

需要注意的是:對於同乙個標籤,其css樣式的優先順序遵守就近原則,也就是:行內》(內部or外部:取決於那個**距離選擇物件比較近)

文章內容根據遇見狂神說css部分自學整理,在此感謝該博主,b站鏈結點這。

CSS學習知識整理(一)Css 布局

overflow屬性有以下值 值描述 visible 預設值。內容不會被修剪,會呈現在元素框之外。hidden 內容會被修剪,並且其餘內容是不可見的。scroll 內容會被修剪,但是瀏覽器會顯示滾動條以便檢視其餘的內容。auto 如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容。inherit...

css語法和基本知識

1 css全稱為 層疊樣式表 它主要是用於定義html內容在瀏覽器內的顯示樣式,如文字大小 顏色 字型加粗等。注 使用css樣式的乙個好處是通過定義某個樣式,可以讓不同網頁位置的文字有著統一的字型 字型大小或者顏色等。2 css語法 css 樣式由選擇符和宣告組成,而宣告又由屬性和值組成,如下圖所示...

CSS一些基礎知識整理

一 關於權值 標籤選擇器 1 類選擇器 10 id選擇器 100 繼承的權值 0.1 文字樣式若被多次設定,則顯示權值最高的設定樣式 例子 p 權值為1 p span 權值為1 1 2 warning 權值為10 p span.warning 權值為1 1 10 12 footer note p 權...