03 html 表單和css入門

2021-09-26 12:29:09 字數 1602 閱讀 3465

html表單和css入門

表單

form標籤

method屬性

getpost

action屬性

name屬性

input標籤

type屬性

text

password

submit

submit是提交按鈕起到提交資訊的作用,type型別是button只起到跳轉的作用,不進行提交。

button

建立乙個普通的按鈕

reset

重置radio

checkbox

屬性name

value

placeholder

disabled

禁用enabled

啟用狀態

textarea

name

cols

寬度rows

行數表單和**的綜合使用

csscss介紹

層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的乙個應用)

或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

css語法

選擇器

css使用方式

內部樣式表(位於標籤的內部)

差別1:本質的差別:link屬於xhtml標籤,而@import完全是css提供的一種方式。

css不同使用方式的優先順序

a、內聯樣式表的優先級別最高

b、內部樣式表與外部樣式表的優先順序和書寫的順序有關,後書寫的優先級別高。

樣式表的作用域

css選擇器

什麼是選擇器?

幫助我們在css中找到html的元素並且定位到指定元素的身上。

三大基礎選擇器

idclass

html

高階選擇器

*萬用字元

.d1,.d2 {}

群組選擇器

.d1 .d3 {}

後代選擇器

.d1>.d2{}

子元素選擇器

偽類選擇器

link–visited–hover–active。

必須按照順序來使用

可以省略某乙個但是順序不能亂

選擇器權重比較

三大基礎選擇器

id>class>html

權重比較

id、class、html選擇器數量

是否直接選中目標

選中比較權重

權重不同,比大小,誰大聽誰

權重相同,誰寫在後面聽誰的

沒有選中

就近原則,誰描述的近就聽誰的

如果距離目標相同,比較權重

誰大聽誰的

權重如果相同,那麼誰在後面聽誰的

!important

提高單個屬性權重

友情提示

能不用就不用

基本css樣式

width

height

background

css注釋

/注釋內容/

03 HTML語法 表單

表單的基本介紹 表單是一種結構,用來在網際網路上收集使用者資訊,在html當中事先定義好乙個標籤來完成這件事,標籤名叫做form,它是乙個雙標籤。action和method是form的兩個是屬性 預設情況下 form只是宣告當前結構只是乙個表單,但是它裡面不存在任何的供使用者去輸入的方框。看起來就是...

03 html 中引入與使用css

hello there use style attribute media all 所有 常用 screen 在螢幕 中表現文件時使用 例如計算機 常用 print 列印文件和列印預覽 常用 projection 用於投影 例如數字投影儀 braille 用於brailler裝置表現文件時使用 em...

03 Html書寫規範

03 1 推薦使用html5的文件宣告 2 必須申明文件的編碼charset,且與檔案本身編碼保持一致,推薦使用utf 8編碼 charset utf 8 3 title 不可缺少,控制在25個字 50個位元組以內。二級欄目 一級欄目 名稱 5 description 描述,字數盡量空制在80個漢字...