今日内容概要
- body内常见标签补充
- form表单重要参数补充
- CDN知识说明
- CSS层叠样式表
- CSS选择器
今日内容详细
body内常见标签补充
1.块儿级标签 div
2.行内标签 span
# 上述两个标签主要用于页面的前期结构布局
"""
标签与标签直接可以相互嵌套
eg:
<div>
<div></div>
<a></a>
<p></p>
</div>
"""
块儿级标签可以嵌套块儿级标签和行内标签
特例:p标签虽然是块儿级标签但是它不能嵌套块儿级标签
而行内标签只能嵌套行内标签
form表单重要参数补充
input标签
1.value参数 #相当于默认值
本质:用户数据其实都是由value参数存储
2.placeholder参数 #相当于提示信息
针对radio和checkbox可以默认选中
3.checked参数
checked=‘checked‘
# 在html中如果标签的属性名和属性值相等 那么可以简写为checked
select标签
option子标签
selected=‘selected‘
# 简写 selected 默认选中
form标签
action参数 #用来控制数据提交的地址
novalidate参数 #取消浏览器的校验动作
#button标签如果写在了form表单的内部 那么也可以出发提交动作
"""
能够触发form表单提交数据的标签有两个
<input type=‘submit‘/>
<button></button>
"""
CDN知识说明
主要功能:
使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率
# 有些常见的软件各大互联网都开设了免费的CDN服务
eg:前端相关CDN服务 >>> https://www.bootcdn.cn/
"""要想使用CDN的前提是你的计算机必须时刻有网络"""
CSS层叠样式表
"""css就是用来调节html标签样式的"""
# 语法结构
选择器 {
属性名1:属性值1;
属性名2:属性值2;
}
# 语法注释
/*注释内容*/
# css引入方式
1.style标签内部直接书写
<style></style>
2.link标签href属性引入外部css文件
<link href=‘‘ rel=‘stylesheet‘></link>
3.在标签内部直接书写
<p style=‘color:red;‘></p>
css选择器
# 基本选择器
1.标签选择器(直接写标签名称即可)
p {
color:red;
}
2.类选择器(书写标签class属性值并在前面加点)
.c1 {
color:blue;
}
3.id选择器(书写标签id属性值并在前面加#)
#d1 {
color:black;
}
4.通用选择器(指代所有的标签)
* {
color:green;
}
# 组合选择器
1.后代选择器
2.儿子选择器
3.毗邻选择器
4.弟弟选择器