一、核心属性就是href(属性值可以是一个跳转的地址)
二、路径:绝对路径 相对路径 盘符根路径
1.绝对路径:从盘符开始,然后依次的往下查找。
本地:C:/Users/Administrator/Desktop/0527day01/07.html
服务器:http://www.baidu.com
2.相对路径:从当前文件开始,如果下一级目录就直接写文件夹名,上一级用../表示。
3.盘符根路径:直接可以跳转到当前文件所有的盘符根目录中 /
三、form属性:action 提交的地址,通常为服务端的地址,如果不写,默认往本页提交。
method 提交的方式。get/post 如果不写,为get提交。
input、button是一个行内块标签。
input是表单的核心标签,通过修改input标签中的type属性来改变展现的样式。
四、css的使用方式()
1.行内样式(内联样式)
<标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>
2.页面嵌入(内部样式表)
在head标签里面增加一个子标签
<style>
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}
</style>
3.外部文件(外部样式表)
在head标签里面增加一个子标签
<link rel="stylesheet" href="css文件的路径" />
4.外部导入样式
主要用在样式初始化。
css语法: (符号都是英文状态下的)
<style>
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}
</style>
五、css------选择器:
ID选择器:1.使用id选择器:在元素上面增加一个id属性,id属性的属性值不用用数字开头。
2.一个页面中只能有一个id属性值。
3.css中id选择的表示方法用 # 表示。
class选择器:1.使用class选择器:在元素上增加一个class属性,class属性的属性值不能用数字开头。
2.一个页面中可以有多个class属性值。
3.css中class选择器的表示方法用 . 表示。
标签选择器:直接写标签名。
组合选择器:选择器直接用,分隔开即可。
子代选择器:> 只针对子代。
后代选择器:用空格表示,包含着子代选择器。
通用选择器:* 针对于所有的标签。
六、选择器是有权重的:
1.内联样式 1000
2.id 100
3.class 10
4.元素 1
5.通用 0
6.:hover 10
7.boss !important 只要出现,就以这个为主。
*权重越高,冲突部分的样式就以权重高的为主,并不是说这个选择器没有用了,而是里面冲突的样式。
七、css文本类样式标签:
1.text-align 文本对其方式
2.text-decoration 文本下划线
3.color 设置字体的颜色
4.line-height 文本的行高
5./*font-family 设置字体的样式
6.font-style 规定字体是否倾斜
7.font-size 设置字体的大小
备注:
在浏览器中,默认的字体大小16px
谷歌浏览器中,字体大小最小可以为12px
火狐没有限制
八、元素三大类:
1.行内 inline
2.块级 block
3.行内块 inline-block