title属性-----可以在任意位置
<a herf="" title=""></a>
div和span属性
div标签:
本身无含义,一般对网页划分区域
特点:双标签,横向排列
span标签:
本身无含义,一般用来修饰某一小段文字
特点:
双 横向排列
表单标签
表单标签:收集用户信息
<from action="" method="" name="">
标签名:from
action属性:写服务地址
method属性:写提交的方式(get,post)
name属性:给表单起名字
表单控件:
文本输入框:
账号:<input type="text"><br>密码:<input type="password">-----密码框
提交<input type="submit">
重置按钮<input type="reset">
CSS:层叠样式表
作用:美化网页
css的写法:
1.行内样式表
2.内部样式表
在head标签当中创建一个style标签
color : 文字颜色
front: 字体大小
background-color:背景色
width:宽度
heigh:高度
3.外部样式表
外部样式
行内样式
<h4 style="background-color: blue;"> 哈哈哈啊</h4>
样式表的优先级
1、内部样式和外部样式需要看代码顺序,后者覆盖前着
2、行内样式优先级最高
类选择器
多个类名问题
选择器
id选择器:
特点: 唯一性
<style>
#p1{color: green;}
</style>
<p id="p1">秦时明月汉时关</p>
后代和子代选择器
后代选择器的标志是空格
自带选择器大于(>)只能找到子代
群组选择器
群组选择器:
可以一次找到多个标签
好处:减少代码量
标志:逗号
p,d1,d2,i,b{
color: green;
}
通配符选择器
通配符: 可以找到所有标签
使用场景:通常做清楚所有标签的间距
*{
padding:0;
margin: 0;
}