今天的学习内容总结如下:
1.a标签:链接标签,它的核心属性就是href,属性值可跳转到一个地址 例如:<a href="https://www.baidu.com">GO!百度</a>
href适用于任何带路径的东西
2.绝对路径:从盘符开始,然后依次的往下查找 相对路径: 从当前文件开始,如果下一级目录就直接写文件夹名,上一级用../表示
3.img标签:图像标签,属性值有src(图片的路径)、alt(若图片路径有错,或者加载不出来,可为图像提供替代信息)
4.form标签:核心标签,只有提交功能,没有任何样式,用来创建表单;form的属性值有action(提交的地址,通常为服务端的地址,如果不写,默认往本页提交)、method(提交的方式,get/post ,如果不写,为get提交)
提交功能的实现有两种方式,意义一样,用一种即可:1.<button>提交</button> 2.<input type="submit"/>
都写</form>前面
5.type属性后加入name属性才能显示输入的值
用例:
<form action=" " method=" ">
用户名:<input type="text" name="username"/><br />
密码名:<input type="password" name="userpwd"/><br />
</form>
<input type="submit" />
6.input是表单的核心标签,通过修改input标签中的type属性改变展现样式
7.<!--一组必须含有相同的name属性值
input中的值有一个属性,value属性
checked 默认选中,当属性名等于属性值的时候,只需要写属性名即可
-->
<tr>
<td colspan="2">
男<input type="radio" name="sex" value="1" checked/>
女<input type="radio" name="sex" value="0" />
</td>
<!-- <td></td>-->
</tr>
<!--一组必须含有相同的name属性值-->
<tr>
<td>兴趣爱好:</td>
<td>
<input type="checkbox" checked="checked" name="aihao" value="0"/>打酱油
<input type="checkbox" checked name="aihao" value="1"/>打架
<input type="checkbox" name="aihao" value="2"/>泡妞
<input type="checkbox" name="aihao" value="3"/>打游戏
<input type="checkbox" name="aihao" value="4"/>学习
8.css的使用方式()
1.行内样式(内联样式)
<标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>
2.页面嵌入(内部样式表)
在head标签里面增加一个子标签
<style>
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}
</style>
3.外部文件(外部样式表)
在head标签里面增加一个子标签
<link rel="stylesheet" href="css文件的路径" />
4.外部导入样式
主要用在样式初始化。因为有一些标签有自己的样式,我们需要清空,方便自己计算
9.css语法: (符号都是英文的)
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}
10.颜色表示方式有三种:1.颜色色值的英文单词 red,yellow,green,blue... 2.16进制表示法;3.基础三原色 红绿蓝 每个颜色是由两个16进制的数来表示的#ff 00 00
11.css选择器
ID选择器
使用id选择器:在元素上面增加一个id属性,id属性的属性值不用用数字开头
一个页面中只能有一个id属性值
css中id选择的表示方法用 # 表示
class选择器
使用class选择器:在元素上增加一个class属性,class属性的属性值不能用数字开头
一个页面中可以有多个class属性值
css中class选择器的表示方法用 . 表示
标签选择器
直接写标签名
组合选择器
选择器直接用,分隔开即可
子代选择器
> 只针对子代
后代选择器
用空格表示,包含着子代选择器
通用选择器
* 针对于所有的标签
12.选择器是有权重的
内联样式 1000
id 100
class 10
元素 1
通用 0
boss !important 只要出现,就以这个为主
权重越高,冲突部分的样式就以权重高的为主,并不是说这个选择器没有用了,而是里面冲突的样式
权重仅仅只能作为参考
权重的计算
不需要管子代和后代的
如果权重相同,就近原则。以后定义的为准