1.复习前一天学习的表格,表单。
2.补充表格内容:
下拉菜单
<select></select>
<option></option>
辅助表单
<label for=" "></label>
3.css语法:
1.基础语法:
宽:width
高:height
颜色:color:
1.单词表示法:red,blue。。。
2.十六进制表示法:#000000;
3.rgb(255,0,0);
背景颜色:background-color
边框:border:1px solid red;
css注释/…/
2.css样式的引入:
1.行内式 :
style属性 直接加在标签上
2.内嵌式:
在head内添加style标签
3.外部式:
在head中添加link标签 在href中引入css文件
4.导入式:
在head中添加style标签 在style中添加@import url
<style> @import url(./con.css);</style>
(不推荐使用)
3.css文字样式:
字体类型:font-family:宋体;
字体大小:font-size:1px;
4.css选择器:
1.ID选择器:
css:#elect{ }
html:id=“elect”
注:ID是唯一值,在页面中只能出现一次。
2.class选择器:
css: .elem{ }
html: class=“elem”;
注:class选择器是可以复用的
可以添加多个class样式
3.标签选择器:
div{ };
<div></div>
4.通配符选择器:
*{ }
注:使用场景 :用于去掉所有标签的默认样式。
今日作业:
<style>
*{ font-family:"微软雅黑";
font-size: 13px;
}
p{ background-color: yellow;
color:blue;
}
h1{ background-color: yellow;
color:blue; }
#Orz{background-color: green; }
.T_T{ color:green;
text-align:center;
}
</style>