1月14日作业
1. 将html常用标签全部写一遍(按视频中的推荐的)
2.练习css常用选择与优先级
3.将盒模型内容全部掌握,特别是padding与简写,border的设置
复习:背景,浮动与定位, 最逼格的布局(明晚再精彩哟)
1.1标签类型 单标签(img,br,hr) 双标签(p,h1-h6,div,span) 1.1.1文本修饰(em斜体,strong加粗,u下划线) 1.1.2标题(h1-h6) 段落(p) 1.1.3列表(无序列表ul>li 有序列表ol>li 自定义列表 dl>dt(标题)>dd(解释内容) 1.1.4表格 table表格 caption标题 thead表头 tbody表体 tfoot tr表头 th表头格 td单元格 1.1.5表单 from表单, label特定表单控件关联,input输入数据空间(type的值改变输入方式),select(下拉列表),button(按钮)标签 1.2元素类型 块级元素:div p h1~h6 行内元素:span 行内块级元素:img
2.选择器优先级 标签<class<id<内联 (行内)样式
内联样式表的权值最高 1000。id选择器的权值为 100。class类选择器的权值为 10。 html 标签(类型)选择器的权值为 1。
3.网页上元素都可以看做一个个盒子,由这些盒子搭积木样的组成页面布局
这些盒子积木可分为三个级别:
1内容级: 宽width 高height 背景background-color (默认透明)
2. 元素级(可视范围)
包括内容级(width + height + background)
内边距: padding
边框: border
3. 位置级:margin, 决定当前盒子与其它盒子之间的位置与关