一、html基本標籤
標籤分類:塊級標籤和行內標籤;自閉合標籤和非自閉合標籤;等等。
基礎標籤:
head:meta,title,link,type,script
body:h, p, br, div, span, a, form, input, lable, textarea, select, option, ul, ol, dl, li, dt, table, thead, tbody, tr, th, td, fieldset, legend,
段落標籤,段落間有間距;
空格+換行
塊級標籤:特性,白板,無格式
行內標籤,特性白板無格式超級鏈結
錨點功能
跳轉到當前頁面的某個標籤,書籤功能
列表1 列表2
1111
2222
列表31234
1111
2222
4321
3333
4444
**姓名年齡
性別收入
劉備29
男100
張飛男100
赤兔馬29100
fieldset標籤
登入fieldset
fieldset
二、css基本樣式
樣式選擇器:id選擇器、class選擇器、標籤選擇器、層級選擇器、組合選擇器、屬性選擇器
通過link標籤呼叫單獨的.css樣式檔案
.c1:hover
基本樣式:color, height, width, border: 1px solid red, font-size, font-weight:bold;
foalt, margin: 0 auto; padding, position: fixed; position : relative + position: absolute;
overflow: auto/hidden; z-index, opacity, background-image:url=""; background-repeat; background-position-x;
css example
歡迎 hellooooo
hello
adasdad
asdad
/*float之後,通過設定該樣式使被底層標籤包含*/
/*margin:外邊距 margin: 0 auto 垂直邊距為0,水平居中,padding:內邊距*/
/*display:block行內標籤變為塊級標籤;inline塊級標籤變為行內標籤;none標籤不顯示;
inline-block同時具有行內和塊級標籤的屬性,即行內標籤,但又可以設定長寬高邊距等屬性
注意:行內標籤無法設定長寬高邊距等屬性*/
top/*固定標籤在瀏覽器的某個位置,即實現標籤的分層; 分層顯示順序,z-index越大,顯示越靠前*/
/*opacity: 50% 透明度 overflow: auto 內部標籤比外部標籤大時增加滾動條;overflow: hidden 隱藏*/
/*position: relative + absolute 固定標籤到父類標籤的某個位置,注意與position: fixed 的區別*/
background-repeat:重複,x,y,no-repeat;background-position-x:移動北京圖的位置 x,y
python全棧開發 day44 前端html學習
html 1d css 2d js 2d jquery 1d bootstrap 1d 前端1.什麼是前端?任何直接能夠跟使用者打交道的互動介面都可以稱之為前端 2.為什麼要學前端?因為我們是python全棧開發 軟體開發架構 c s架構 b s架構 本質上b s也是c s架構 瀏覽器輸入 傳送了幾...
Python之路 前端只css
css是cascading style sheets的簡稱,中文稱為層疊樣式表,用來控制網頁資料的表現,可以使網頁的表現與資料內容分離。1.行內式 行內式是在標記的style屬性中設定css樣式。這種方式沒有體現出css的優勢,不推薦使用。1 p style color blue backgroun...
htm基礎學習篇 語法基礎
html基礎學習 語法基礎 標籤是html中最基本的單位,也是最重要的組成部分 a 標籤樣式 可以成對出現 單標籤 建議使用 b 標籤大小寫 在html中對大小寫不敏感,所以可以大寫也可以小寫 與一樣。c 常用的簡單的一些標籤 html 定義html文件 body 定義文件體body head 定義...