a标签——链接标签,核心属性是href,属性值是一个可跳转的网址。
适用于任何带有路径的东西;href里面的内容就是路径;
绝对路径:从盘符开始,然后依次的往下查找;
本地服务器比如:
C:/Users/Administrator/Desktop/0527day01/07.html
云服务器比如:
www.baidu....
127.0.0.1
192.168....
相对路径:从当前文件开始,如果下一级目录就直接写文件夹名,上一级用../表示
盘符根路径: 直接可以跳转到当前文件所有的盘符根目录中 /
图像标签
src 图片的路径,
alt :当图片显示不出来的时候才会显示
图片正在下载的时候。。。加载中
图片的路径错误的时候
width
height
align
img是我们接触的第一个行内块标签,靠左或者靠右
前端和后端之间的通信:
1.form提交方式
2.ajaxt提交方式
核心标签:只有提交的功能,没有任何的样式
form属性:
action 提交的地址,通常为服务端的地址,如果不写,默认往本页提交
method 提交的方式。get/post 如果不写,为get提交
get和post的区别。
input、button是一个行内块标签
?后面的内容表示参数。我们最终的目的是要把必须的参数给发送到后端
想要发送参数,input中必须含有name属性
一组必须含有相同的name属性值
input中的值有一个属性,value属性
checked 默认选中,当属性名等于属性值的时候,只需要写属性名即可
开始学习css
html 结构,承载内容
css 样式。
层叠样式表
JavaScript 行为
css的使用方式()
1.行内样式(内联样式)
<标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>
2.页面嵌入(内部样式表)
在head标签里面增加一个子标签
<style>
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}
</style>
3.外部文件(外部样式表)
在head标签里面增加一个子标签
<link rel="stylesheet" href="css文件的路径" />
4.外部导入样式
主要用在样式初始化。因为有一些标签有自己的样式,我们需要清空,方便自己计算
css语法: (符号都是英文的)
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}
颜色的表示方法
1.颜色色值的英文单词 red,yellow,green,blue...
2.16进制表示法
2 010101
8
10
16 0123456789abcdef
基础三原色 红绿蓝
每个颜色是由两个16进制的数来表示的#ff 00 00
简写
#xxyyzz -> #xyz
#ffff00 #ff0
#aabbcc #abc
#aabcdd 不能简写的
#000000
#ffffff 白色
#cccccc 黑 白 灰
3.rgb表示法
16*16 = 256
rgb(0-255,0-255,0-255)
css------选择器
ID选择器
使用id选择器:在元素上面增加一个id属性,id属性的属性值不用用数字开头
一个页面中只能有一个id属性值
css中id选择的表示方法用 # 表示
class选择器
使用class选择器:在元素上增加一个class属性,class属性的属性值不能用数字开头
一个页面中可以有多个class属性值
css中class选择器的表示方法用 . 表示
标签选择器
直接写标签名
组合选择器
选择器直接用,分隔开即可
子代选择器
> 只针对子代
后代选择器
用空格表示,包含着子代选择器
通用选择器
* 针对于所有的标签
选择器是有权重的
内联样式 1000
id 100
class 10
元素 1
通用 0
boss !important 只要出现,就以这个为主
权重越高,冲突部分的样式就以权重高的为主,并不是说这个选择器没有用了,而是里面冲突的样式
权重仅仅只能作为参考
权重的计算
不需要管子代和后代的
如果权重相同,就近原则。以后面定义的为准
在浏览器中,默认的字体大小16px
谷歌浏览器中,字体大小最小可以为12px
火狐没有限制
hover 叫伪类选择器
当你的鼠标放上去的时候,会变化成的样子
权值 10