CSS用法介紹

2022-08-23 08:39:11 字數 1811 閱讀 3086

什麼是div?

div就是html乙個普通標籤,進行區域劃分。特性:獨佔一行。肚子不能實現複雜效果。必須結合css樣式進行渲染。

div是塊級元素

作用:div標籤可以把文件分割為獨立的、不同的部分。他可可以用作嚴格的組織工具,並且不使用任何格式與其關聯。

什麼是css?

cascading style sheets層疊樣式表。

【css】的概述;

css 通常稱為css樣式或者層疊樣式表,主要用於設定html頁面中的文字內容(字型、大小、對其方式等)、的外形(高度、邊框樣式、邊距等)以及版面的布局等外觀顯示樣式。

css可以使html頁面更好看,css色系的搭配可以讓使用者更舒服,css+div布局更加靈活,更容易繪製出使用者需要的結構。

【css的作用】

css主要用來修飾html的顯示,**復用,將頁面元素與樣式進行分離。

【css的使用】(語法&方法)

標記選擇器是指用html標記名稱作為選擇器,按標記名稱分類,為頁面中某一類標記指定統一的css樣式。

【元素選擇器】

語法:選擇器(屬性1:屬性值;屬性2:屬性值;....)

eg:【css的引入方式】

行內樣式:

直接在html的元素上使用style的屬性編寫css;

行內樣式

內部樣式;

在html的標籤中使用

外部樣式;

將css定義成乙個.css檔案,在html中將該檔案引入到html中

【css的基本選擇器】

元素選擇器:

div

id選擇器:

id選擇器

id通常都是唯一的。

類選擇器:

html:

類選擇選擇

選擇類css;

【css的懸浮】

float屬性中常用取值;

left :懸浮到左邊

right ;懸浮到右邊

使用clear屬性清除浮動;

left :清除左側浮動

right :清除右側浮動

both ;清除兩側的浮動

【轉換】;display

html提供豐富的標籤,這些標籤被定義成了不同的型別,一般分為;塊標籤和行內標籤。

塊標籤: 以區域塊方式出現。每個塊標籤肚子佔據一整行或者多整行。 常見的塊元素;等。

行內元素; 不必在新的一行開始,同時也不強迫其他元素在新的一行顯示。常見的行內元素;等。

【css的其他選擇器】

屬性選擇器:

選中帶有某個屬性的元素:

層級選擇器;

ul li

父選擇器 子選擇器

偽類選擇器; 主要用來描述超連結

使用div+css對註冊頁面進行布局。更加靈活!

【div+css】

【css】的盒子模型

英文: border(邊框)margin(外邊框)padding(內邊距)element(元素)

設定盒子的外邊距 margin:

margin-top

margin-right

margin-bottom

margin-left

設定盒子的內邊距;padding

padding-top

padding-right

padding-bottom

padding-left

CSS布局物件之Layout 用法介紹

一 clear 語法 clear none left right both 引數 none 允許兩邊都可以有浮動物件 both 不允許有浮動物件 left 不允許左邊有浮動物件 right 不允許右邊有浮動物件 說明 該屬性的值指出了不允許有浮動物件的邊。請參閱float屬性。對應的指令碼特性為cl...

CSS之div與span用法介紹

在使用div和span標籤的時候,有時候總是糊里糊塗的搞不清楚其具體的屬性用法規則,那麼今天我們就來看看它們到底如何運用 首先 我們看看標籤,div這個標籤是用來劃分區域的,它是個塊級元素block 塊級元素就是它獨自占領網頁的一行 如果兩個div 那麼它們會是乙個上,乙個下,如圖所示 那麼的元素例...

sicily string用法介紹

最近老是要用到字串的函式,有些函式自己早就忘光了,先總結下string用法,免得以後又不記得。用法例子分析 1 substr 這個辦法獲取乙個字串中子字串。例如 str absndfg 想獲取s sndf string s str.substr 2,4 獲取從2開始長度為4的子字串,如果長度不滿足4...