Python之路 前端基礎 html css

2021-08-29 16:36:23 字數 1765 閱讀 7703

一、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 定義...