开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第16天，点击查看活动详情
伪类选择器: 相当于在特定的情况下.给标签触发样式(if)
元素:hover{} --> 当鼠标悬停/经过时.触发样式
元素:active{} --> 当按下元素时.触发样式
元素:visited{} --> 当a标签被访问过时.触发样式
元素:link{} --> 当a标签未被访问过时.触发的样式
对用户隐私不好 --> 你的领导在你后面.懂前端 --> 会把你去过的网站标记出来.没去过的网站也标记出来
伪元素选择器: 伪元素就是创建了一个假的元素.
元素::before{content:'内容'} --> 在元素前面添加一个子元素
元素::after{content:'内容'} --> 在元素后面添加一个子元素
before:前 after:后
content: 内容,伪元素需要有这个属性才能激活
作用体现在: 如果你希望网页里的部分内容(文字/图片)不能被选中/下载.就用伪元素实现
1.性能更好 --> 伪元素并不是真实存在的.只能看,不能用.不能被选中.所以减少了交互需求.性能更好
2.安全性更好 --> 只能看不能用
结构选择器: 里面的元素必须连在一起.
元素:nth-child(下标){} : 选中指定下标元素的数据.数据从1开始计算
元素:first-child{} : 选中第一个子元素
元素:last-child{} : 选中最后一个子元素
reset.css
在正式的项目开发中,不会用*
因为性能比较差. 有的标签没有默认样式,也会被带过去.
所以一般不同的公司/团队有内部专门写好的一份初始的样式表
表单(form)
http://c.biancheng.net/view/7564.html
提供一个让用户进行交互的窗口(输入框,选择框,提交按钮)
form的属性:
action = 数据提交的位置(要把数据提交到后台/数据库)
method = 数据的提交方式(get/post) 默认是get
form的功能控件(工具箱)
input --> 输入框
textarea --> 多行输入框
都可以设置输入提醒属性: placeholder
select: 下拉菜单
option: 下拉菜单里的选项
button: 按钮.一般是结合js做操作
input的类型:
text --> 文本框
password --> 密码框
checkbox --> 多选框
radio --> 单选框.基于name判断
submit --> 提交按钮
file --> 文件上传
reset --> 重置表达内容
