本帖最后由 mx88783 于 2022-11-11 21:13 编辑
一、今日学习内容：
列表标签
1.无序列表
注意点：无序列表的各个列表项之间没有顺序之分，是并列关系
<ul</ul标签只能包含<li</li标签，直接加别的文字和标签是不允许的
li标签相当于一个容器，可存放所以元素
无序列表带有自己样式，实际会用css把它清除
2.有序列表
注意点：有序列表的各个列表项之间有顺序之分
<ol</ol标签只能包含<li</li标签，直接加别的文字和标签是不允许的
li标签相当于一个容器，可存放所以元素
有序列表带有自己样式，实际使用会用css把它清除
3.自定义列表
注意点
dl标签中只包含dt和dd标签
一般一个dl里面只能包含一个dt，一个dt可对应多个dd
表单标签
为什么需要表单？
使用表单来收集用户信息
表单域
就是一个包含了表单元素的区域，在HTML标签中用<form></form>标签来定义表单域，它可以将用户提交的表单信息提交到服务器。
常用的属性属性值
属性名：action （用于指定接守并且处理表单数据的服务器url地址）
属性值：url地址
属性名：method（用于设置表单数据的提交方式）
属性名：get/post
属性名：name（用于指定表单的名字，以区分同一个页面中的多个表单域）
属性名：表单名称
表单空间（表单元素）
表单元素就是允许用户在表单中输入或者选择内容的控件（元素）
*input：输入
type属性
type="text" 文本输入框
="button" 按钮
="password" 输入密码
="radio">name单选按钮（同一组单选按钮要有相同name值）
="checkbox">name 复选框
="file"提交文件按钮
="submit"提交按钮
="reset"重置按钮
其他属性（与type同级
name(定义input元素的名称)
属性值：用户自定义文本
value（规定input元素的值)
属性值：用户自定义文本
checked（规定input元素首次加载时应当被选中）
属性值：checker
maxlength（固定输入框中最大字符长度）
属性值：正整数
总结：name和value是每个表单元素都有的属性，主要给后台人员使用
checked按钮主要针对的是单选按钮和复选框，主要作用是打开页面后默认选择某个表单元素
name给表单元素起名字的，一般我们要求一组单选按钮或复选框的name值相同
maxlength一般在表单元素中不常使用
lable标签的使用
概念：lable用于绑定一个表单元素，当点击lable标签内的文本时，浏览器会自动将焦点转到对应的按钮上，增加用户体验
注意点：lable标签中的for属性对应的值要和相关元素的id属性对应的值相同
select表单元素
在<select></select>标签中至少包含一个<option></option>
在<option></option>中定义一个selected="selected"时，就可以将当前标签设置为默认选项
查询文档：
1.百度
2.W3C
3.菜鸟教程
4.MDN
css
简介：
css是声明：css层叠样式表（Cascading Style Sheets),css也是一种标记语言，不仅可以设置丰富的样式，也可以实现结构和样式分离
css的语法规范：
css的规则是由选择器和声明块来组成的
比如：
h1{color:red; font-size: 30px;}
h1是选择器
color、font-size是属性red和30px的属性值
注意点：
1.选择器是用于指定css样式的HTML标签，{}内部是对该对象设置的具体样式
2.多个属性之间用英文的分号;隔开
3.属性和属性值之间用英文的;隔开
4.属性和属性值之间是以键值对的形式来书写的
5.所有的样式一般都写在<style></style>标签中，一般该标签都写在<head></head>标签中
css的基础选择器
1.标签选择器（元素选择器）
是指用HTML标签名称作为选择器，按照标签名称进行分类，为页面中的某一类标签来指定样式
优点：能快速将页面中同类型的标签统一设置样式
缺点：不能设计有差异化的样式，只能选中符合条件的所有同类标签
2.类选择器
语法：
使用”.“来进行定义，用class进行调用
目的：
为了差异化选择不同的标签，选择一个或者多个标签都可以
注意点：
1）.类选择器使用.进行标识，后面要紧跟类名（类名是自定义的)
2）.如果类名比较长，可以使用横线来将类名进行连接
3）.不要使用纯数字，中文等内容进行类的命名，尽量使用英文字母
4）.命名一定要有意义，尽量使人一看就知道这个类代表声明意思
多类名的使用方式：
使用方法：
将样式里面的多个类名同时放在class属性中进行调用即可，多个类名之间要用空格隔开
优势：
节省css代码，统一修改样式更加方便
给标签设置样式的时候比较自由，
3.id选择器
id是唯一的标识，所以id选择器主要是为了唯一的HTML标签特定的样式，虽然可以被调用多次，但是不能这么做
在style标签中 是用#来进行定义，在需要调用id的选择器的标签中使用id属性进行即可调用
id选择器与类选择器的区别：
1）类选择器，可以调用多次，也可以选择多个类
2）同一个id选择器在一个页面只允许被调用一次
3）id选择器经常和js在一起进行搭配使用
4.通配符选择器
在css中，通配符选择器使用*来进行定义，他表示选中页面所有元素
注意：
通配符选择器不需要进行调用，直接在style进行声明即可
只有特殊情况才使用通配符选择器，比如：给所有元素清除本身所带样式
二、今日问题：无
三、解决方案：无
|
