6.选择器进阶与表单标签
1.选择器进阶
ul,li{}:并集选择器,一次选择多个 元素
ul li:空格,这里表示ul后代所有的li标签。
ul>li:大于号是指ul的子代标签li。
伪类选择器:在特定情况下,给标签添加样式。
hover:当鼠标经过时,触发样式
active:当鼠标点击时,触发样式
visited:当访问过此网站。
link:当味访问的网站时
伪元素选择器:伪元素就是 创建一个假的元素,,不能被选中,不存在网页底层文档中,只能看,不能用,所以性能好
例如:选择器::before{contend:‘内容’}-->在元素前加一个子元素content里面的内容
元素::after{content:'内容'}-->在元素后加子元素
作用:如果你希望网页的部分内容不被选用,可以用伪元素选择器。
结构选择器:当有多个元素时,选中指定的元素
选择器:nth-child(下标){}:选中指定下标的元素数据,默认是从1开始
选择器:first-child{}:选中第一个子元素
选择器:last-child{}:选中最后一个子元素。
2.表单(form)
form的属性:
action=数据提交的位置(数据提交到后天/数据库)
method=数据提交方式(get/post)默认是get请求
form的功能控件(工具箱):
input:输入框
textarea:多行输入框
共有属性:placeholder--提醒输入内容。
select:下拉菜单:
option:下拉菜单选项
button:按钮,一般是结合js来操作的。
input的类型:
input:text-->文本框
input:password-->密码框
input:checkbox-->多选框
input:radio-->单选框
input:submit-->提交按钮
input:file-->文件上传
input:reset-->重置功能按钮
3.reset.css
-
在正常开发中,不会用*因为性能比较差,没有相关样式的标签,也会被覆盖。
*{
font-size:16px }
所以一般团队开发/项目开发中,会先写好一份统一的网页样式文件,叫reset.css 先重设网页,在进行开发