当前位置： 首页 > Web前端 > CSS

HTML表单与CSS选择器、伪类与伪元素

时间：2023-03-31 13:08:30 CSS

一、输入标签1、实现按钮效果-与表单相关的按钮效果-2。——类似于——提交表单3.-基本用法-也可以显示图片-当鼠标点击图片时-还有提交表单的效果不同的是from(只是图片)2.基本选择器1.选择器优先级通配符选择器<元素选择器<类选择器/属性选择器轮廓样式。4.!important设置当前内容的选择器等级为最高；注意-扰乱CSS选择器的默认优先顺序；建议——尽量不要使用。三、关系选择器1、祖先与后代的关系——后代选择器AB2。父子关系——子选择器A>B3。相邻兄弟选择器-定位指定元素的下一个兄弟元素A+B4.后兄弟选择器-定位指定元素~B后面的所有兄弟元素A4.组合选择器1.组合选择器-使用逗号分隔选择器，和它们是并集如：h1,h2,h3{font-size:18px;}其中：

Title1

Heading2

Heading3

2.组合选择器——选择器之间没有分隔，它们之间有交集1)p#p1{color:lightcoral;}全部选中

这是一段内容。

这是一段内容。

2)p.mini{font-size:12px;}只选择p元素。标题2这是一个段落。

五、颜色值1.用英文单词描述颜色——常用的颜色比较多使用方便-问题-是特殊颜色，表达麻烦-不同浏览器描述的颜色存在色差-建议-开发中尽量不要使用2.颜色基本由三原色组成colors(red,green,blue)-rgb(red,Green,blue)-每种颜色值的范围-0~255-#red,green,blue-每种颜色用两位数字表示-取值范围是00~ff-example-#0000006.伪类伪类-设置规范标签的样式instate链接-默认样式未访问的样式-字体颜色为蓝色当鼠标悬停在链接元素上时-鼠标样式改变当鼠标点击时onalink元素——字体颜色为红色访问样式——字体颜色变化：hover:active:visited:link:focus七、伪元素::before::after,etc.八、块级元素和行内元素1.块级元素占一行（自动换行）——所有块级元素都是垂直排列的