1. 程式人生 > >8.23學習筆記

8.23學習筆記

案例 pass 一個 radio 實踐 lis -i 登錄 ora

表單

技術分享圖片

form,它的格式是<form ation=‘’ ‘’ method="post"> </form>

ation是提交地址,網址

method是提交方式,除了post還有get,post

input 輸入

<input type="" value="">

type是輸入類型

輸入類型有text 文本框

     button 按鈕

      password密碼框

      多選框 checkbox

      單選框 radio

     提交按鈕 submit

name是提交給後臺的一個。

技術分享圖片

案例分析

i 標簽 <i></i> 放小圖標

Li 去項目符號

List-style:none;

Ul li p 這些標簽 他們天生自帶內邊距。

選擇器

子一代選擇器 選擇元素兒子級別 .aa>p 選擇.aa下的兒子級別的p標簽

技術分享圖片

後代選擇 .aa p 表示aa下面的所有p 不管是兒子還是孫子

技術分享圖片

結構選擇器 .aa>p:nth-of-type(number)

技術分享圖片

並集選擇器 .liu,.ha{}

技術分享圖片

交集 p.ha{}

技術分享圖片

全局選擇器

技術分享圖片

* 代表所有的標簽

*{}

瀏覽器默認字體大小 16px

Img 添加圖片會有余白

Vertical-align:middle;

list-style:none 去掉序列前面的項目符號

text-decoration:none去下劃線

text-indent:10px 縮進十個字符

vertical-align:middle

按照老師教的方式實踐了下做登錄框,效果如下圖:

技術分享圖片

8.23學習筆記