什麼是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...