Web前端:
1.建立web開發的息維模式寫代碼不僅僅是為了實現某個功能,更是學習解決問題的思維方式
2.先使用,再理解,會導致剛開始比較懵,不知其所以然.切忌不可深陷其中,
3.涉及簡單的軟件工程的設計思想(前后端分離思想,后端工程的分層思想)
4.理解前后端交互的過程
5.遇到的問題更加多樣,除了代碼帶來的問題,還有環境帶來的問題(各種緩存,導致現象看起來莫名其妙).
6.需要大量的反復練習,來加深對這個知識點的理解,
7.知識點上下文會經常有關聯,需要仔細聽才能搞懂各個知識點的邏輯關系,
前端三劍客:HTMLCSS JS
?HTML:頁面上有哪些元素組成CSS:這些元素的樣式,布局,排版等JS:這些元素之間如何交互.
HTML
表格:
?一個table標簽,4個tr,每個tr有3個td
用戶名:<input type="text"><br/>
密碼:<input type="password"name=""id=""><br/>
性別:<input type="radio" name="gender"id="male"><labelfor="male">男</label><input type="radio"name="gender'id="female"<labelfor="female>女</label>
一組單選按鈕,name需要一致?
?<form action="hello.html">用戶名:<input type="text"name="userName"><br/>密碼:<input type="password" name="password" id=""><br/>性別:<input type="radio" name="gender" id="male"><label for="male">男</label><input type="radio" name="gender" id="female"> <label for="female">女</label><br/>興趣愛好: <input type="checkbox" name="" id="basketball"><label for="basketball" >籃球</label><input type="checkbox" name="" id="">rap <input type="checkbox" name="" id="">聽歌<br/><input type="submit" value="提交"></form>
有input 框,不代表一定需要form標簽需要提交數據時,且使用form表單的方式提交數據時,才需要加form標簽.
標簽選擇器:
div a{
color:red;
}
a:個數不確定
div:單選擇器的形式不確定可以為標簽選擇器class選擇器,id選擇器
ul a{
color: rebeccapurple;
}
不一定挨著,只要是子孫就可以.
ul>a{
color:green>一定得是兒子
}
.c1 a{
color:red;
}
?
.font32{
font-size32px;
font-weight:700
}
700加粗400正常取值100-900?