公开标签 #CSS
序号RepositoryDescriptionStarsAverage daily growthUpdated1https://github.com/hehonghui/awesome-english-ebooks经济学人(含音频)、纽约客、卫报、连线、大西洋月刊等英语杂志免费下载,支持epub、mobi、pdf格式, 每周更新21422262024-10-102https://github.com/Pintree-io/pintreeAn intuitive tool for managing and
CSS
在编写CSS样式时,可能会遇到样式修改或界面设计变更,导致一些样式变得不再需要。这些过时的样式不仅占用服务器空间和带宽,还会增加维护成本。以下是几种清理无用样式的工具:Dust-Me selectorsDust-Me是一个Firefox插件,能够分析页面中所有CSS文件,并识别未被使用的样式,支持本地和远程样式文件,包括通过标签、处理指令、@import语句引入的样式文件,但不包括IE条件注释中的样式文件。Dust-Me可以检查单个页面或整个网站,支持CSS1、大部分CSS2和CSS3选择器,能理解通用
CSS
直接在style里设置input的backgorund、color、border是无法修改input checkbox复选框样式的,需要通过伪类来设置。样式设置参考代码如下:<input type="checkbox">input[type="checkbox"] { width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: middle; line-height: 12px;
在 Bootstrap 中,可以通过以下几种 方法实现元素在页面垂直居中。使用 flexbox 的 align-items-centerflexbox 的 align-items-center 可以将元素在父容器内垂直居中。<div class="container align-items-center"> <p>垂直居中的文本</p></div>使用 margin对于较小的元素,可以使用 margin 实用程序 my-auto。它将垂直方向上的 marg
CSS
HTML中给图片添加阴影一般是通过css的 box-shadow 属性来实现的。 box-shadow至多可以设置6个参数,可以使用一个或多个投影,如果使用多个投影时必须使用逗号","隔开。 box-shadow: h-shadow v-shadow blur spread color inset; 需要注意的是,如果在img标签上直接使用 box-shadow 的 insert 是没有效果的,可以对div等原属使用 insert。 直接在img上添加阴影 img{box-shadow:0 0 20px
CSS
两个div并排显示,除了常用的 float 和 table-cell外,还有其他几种方法,分别介绍下使用负margin、绝对定位和flex布局来实现div并排显示。 使用负margin #parent{ display:flex; overflow:hidden; } #div1{ width:50%; height:300px; background:blue; padding-bottom:2000px; margin-bottom:-2000px; } #div2{ width:50%; heig
CSS
CSS 最基本的选择器是元素选择器(比如 div),id 选择器(比如 #id1),类选择器(比如 .class_name)。 其他不常见的选择器包括伪类选择器 (:hover),复杂的 CSS3 和正则选择器,比如:first-child,class ^= “grid-”。 CSS 选择器效率从高到低的排序如下 id选择器: #myid 类选择器: .myclassname 标签选择器: div,h1,p 相邻选择器: h1+p 子选择器: ul > li 后代选择器: li a 通配符选择器: *
CSS
CSS 中的 !important 规则用于增加样式的权重。 !important 与优先级无关,但它与最终的结果直接相关,使用一个 !important 规则时,此声明将覆盖任何其他声明。 注意: 使用 !important 是一个坏习惯,应该尽量避免,因为这破坏了样式表中的固有的级联规则 使得调试找 bug 变得更加困难了。 当两条相互冲突的带有 !important 规则的声明被应用到相同的元素上时,拥有更大优先级的声明将会被采用。 使用建议: 一定要优先考虑使用样式规则的优先级来解决问题而不是
jQuery css() 方法用于设置或返回被选元素的一个或多个样式属性。 设置一个样式 设置一个指定的 CSS 属性的值,语法如下: css("propertyname","value"); 例如设置 id=id1的元素的 background-color 的属性 $("#id1").css("background-color", "red"); 设置多个样式 设置多个指定的 CSS 属性的值,语法如下: css({"propertyname":"value","propertyname":"valu
CSS
全局定义 a 的样式后,在div内部的超链接重新定义了a的样式,div内部a:hover属性失效了。 #全局 a{color:red;} a:hover{color:blue;} div a{color:red;} div a:hover{color:yellow;} 多次调试基本判定是权重的优先级问题导致的。 解决方法就是使用 !important div a{color:red;} div a:hover{color:yellow!important;}