链接标签 : 适用于任何带有路径的东西,适用于任何带有路径的东西。 核心属性就是href,属性值可以是一 个跳转的地址 例:<a href="">GO!百度</a>
绝对路径:从盘符开始,然后依次的往下查找。
本地:C:/Users/Administrator/Desktop/0527day01/
服务器的:www.baidu.... 127.0.0.1 192.168....
相对路径: 从当前文件开始,如果下一级目录就直接写文件夹名,上一级用../表示
盘符根路径: 直接可以跳转到当前文件所有的盘符根目录中 / 服务器底下 省略
图像标签:src :图片的路径,alt :当图片显示不出来的时候才会显示,图片正在下载的时候,图片的路径错 误的时候。 例:<img src="" alt="">
前端和后端之间的通信:1.form提交方式 2.ajax提交方式 核心标签:只有提交的功能,没有任何的样式。
form属性:action 提交的地址,通常为服务端的地址,如果不写,默认往本页提交。
method 提交的方式。get/post 如果不写,为get提交。
input是表单的核心标签,通过修改input标签中的type属性来改变展现的样式。
主要标签:text: 文本框标记 password: 密码框标记 checkbox:复选框标记 raido:单选框标记
select:下拉框标记 option:下拉框标记按钮 file:文件传输空间 button:通用按钮
rest: 重置按钮 submit:提交按钮 textarea:文本域标记
提交后“?”后面的内容表示参数。我们最终的目的是要把必须的参数给发送到后端,想要发送参数,input中
必须含有name属性。一组必须含有相同的name属性值。
css
css语法:(符号都是英文的)
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}
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文件的
路径" />
css---选择器:
(1)ID选择器:使用id选择器:在元素上面增加一个id属性,id属性的属性值不用用数字开头,一个页面中
只能有一个id属性值。css中id选择的表示方法用 # 表示。
(2)class选择器:使用class选择器:在元素上增加一个class属性,class属性的属性值不能用数字开头,
一个页面中可以有多个class属性值。css中class选择器的表示方法用 . 表示。
(3)标签选择器:直接写标签名。
(4)组合选择器:选择器直接用,分隔开即可。
(5)子代选择器: > 只针对子代。
(6)后代选择器: 用空格表示,包含着子代选择器。
(7)通用选择器: * 针对于所有的标签。
选择器是有权重的:
内联样式 : 1000
id : 100
class : 10
元素: 1
通用: 0
boss : !important 只要出现,就以这个为主
权重越高,冲突部分的样式就以权重高的为主,并不是说这个选择器没有用了,而是里面冲突的样式,权重仅仅
只能作为参考,权重的计算,不需要管子代和后代的,如果权重相同,就近原则。以后定义的为准。
颜色的表示方法:
1.颜色色值的英文单词 :red,yellow,green,blue...
2.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)
文本样式:(1)text-align: ; /*文本对其方式*/
(2)text-decoration: ; /*文本下划线*/
(3)color: ; /*设置字体的颜色*/
(4)line-height: ; /*文本的行高*/
(5)font-family: ; /*文本字体*/
(6)font-style: italic; /*规定字体是否倾斜*/
(7)font-weight: bold; /*字体加粗*/
(8)font-size: 16px ; /*设置字体的大小*/