css
蓝言轩
这个作者很懒,什么都没留下…
展开
-
如何在JavaScript中更改页面CSS样式
在写前端的时候,有时候会碰到需要在JS中对CSS进行控制,而JS只提供了对HTML的控制器,并没有获取CSS标签的方法。我们可以通过HTML中的添加CSS的属性或标签来控制具体对象的样式。1.通过标签中的style=""属性dom元素.style='值'//“值”中填写想要的CSS样式这种方法可以用JS精准地对某个对象根据特定的动作改变样式,但是这种方法只能对类进行修改,但是如果想要在JS中控制伪类或者伪元素,这时就可以用第二种方法:2.在<head></head>标签中添原创 2022-01-13 15:20:26 · 1555 阅读 · 0 评论 -
CSS更改鼠标光标
CSS中更改鼠标光标样式的属性是:cursor: ;其常用的属性值有属性值描述pointer指示链接的指针(一只手模样)default默认光标(通常是一个箭头)auto默认。浏览器设置的光标。crosshair光标呈现为十字线。text此光标指示文本。wait此光标指示程序正忙(通常是一只圆圈或沙漏)。help此光标指示可用的帮助(通常是一个问号或一个气球)。更多属性值可以查看 CSS cursor 属性。...转载 2021-09-14 16:53:22 · 397 阅读 · 0 评论 -
CSS如何让背景图铺满对象且自适应大小
在对应对象的CSS中加入:-webkit-background-size: cover;-o-background-size: cover;background-size: cover;原创 2021-09-14 16:40:09 · 243 阅读 · 0 评论 -
CSS改变表格某一列效果的方法
CSS对表格的行操作时只需对相应行标签<tr>加入class属性或id属性就行,反观列就不能使用这样快捷的方法,如果有对某个同列的单元格都加入class属性或id属性会让程序显得繁琐。CSS有一个选择器::nth-child(n)这个选择器的作用是选择器选择属于其父元素的第 N 个子元素,不论元素的类型。例如:p:nth-child(2)就是选中了第二段文字。<div> <p>第一段文字</p> <p>第二段文字</p>&l原创 2021-03-25 17:16:21 · 2690 阅读 · 0 评论 -
关于CSS选择器的权重计算
CSS选择器的权重计算公式大概如下:内联样式表的权值最高为 1000;ID 选择器的权值为 100Class 类选择器、属性选择器、伪类的权值为 10HTML 元素选择器、伪元素的权值为 1加有!important的权值最大,优先级最高对选择器的权值计算只需要将所有选择器类型的权值相加,CSS效果会显示权值大的,忽略权值小的。*{} /*通用选择器,权值为0 */p{color:red;} /*标签,权值为1*/p span{color:green;} /*两个原创 2021-03-23 21:14:45 · 635 阅读 · 2 评论