2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式
3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id
4.后代选择器(类选择器的后代选择器) .divClass span { color:Red;} /即多个选择器以逗号的格式分隔 命名找到准确的标签
5.群组选择器 div,span,img {color:Red} /即具有相同样式的标签分组显示
@ 伪类选择器hover的使用?
定义和用法:hover 选择器用于选择鼠标指针浮动在上面的元素。提示::hover 选择器可用于所有元素,不只是链接。提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接。注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。代码效果测试:
请把鼠标指针移动到这些链接上。
这个链接改变颜色。
这个链接改变字体大小。
这个链接改变背景色。
这个链接改变字体。
这个链接会出现下划线。
@ css选择器命名能是百分号吗?
不能
具体如下:
左边是选择器首字符,右边是选择器后面的字符
首字符支持的字符类型是a~z、A~Z、下划线(_)以及非ASCII字符(中文、全角字符等)
后面的字符支持的字符类型是a~z、A~Z、0~9、下划线(_)、短横线(-)以及非ASCII字符
可以直接以短横线开头,如果是一根短横线(-),那么短橫线后面必须有其他字符、字母或下划线或者其他编码字符;如果是连续两根短横线(–),则它的后面不跟任何字符也是合法的。
@ css鼠标悬浮变色原理?
1、首先新建一个html文件,命名为test.html,在test.html文件内,使用table标签创建一个表格,用于测试。
2、在test.html文件内,设置table标签的class属性为mytable,同时设置边框为1px。
3、接着在css标签内,通过class设置表格的样式,定义它的宽度为300px,高度为200px。
4、在css标签内,通过td元素名称和“:hover”选择器定义当鼠标指向单元格时,改变单元格的背景颜色,设置为红色。
5、最后在浏览器打开test.html文件,鼠标经过之后,即可变色。
0