
css
猪脚踏浪
这个作者很懒,什么都没留下…
展开
-
> 子元素选择器(Child selector)
如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素,请使用子元素选择器(Child selector)。例如,如果您希望选择只作为 元素子元素的 strong 元素,可以这样写:div > strong {color:red;}这个规则会把第一个 div 下面的两个 strong 元素变为红色,但是第二个 div 中的 strong 不受影响:原创 2017-03-20 21:27:41 · 2454 阅读 · 0 评论 -
设置div最小宽度
.w{ width:100%; min-width:320px;}你看我有多长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长原创 2017-05-14 00:40:29 · 2368 阅读 · 1 评论 -
css3的pointer-events属性
pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inheritpointer-events属性有很多值,但是对于浏览器来说,只有auto和non两个值可用,其它的几个是针对SVG的(本身这个属性就来自原创 2017-03-26 03:45:00 · 690 阅读 · 0 评论 -
CSS与JS中的相对路径引用
javascript和css文件中采用相对路径,其基准路径是完全不同的,下面为大家介绍下CSS与JS中的相对路径引用。1.javascript引用资源(比如图片)相对路径是以宿主路径(被引用的网页比如你在首页index.php引用了某js文件,则index.php即为宿主)所处位置为基准。 2.css引用资源(比如图片)相对路径是以.css文件所处位置为基准! 大家在html中转载 2017-03-31 08:54:49 · 1576 阅读 · 0 评论 -
网页使用Font Awesome图标字体时,css定义 content 属性
网页使用Font Awesome图标字体时,css定义 content 属性必不可少,如下所示:.icon:before { content: '\f005'; font-family: FontAwesome;}代码 \f005 是一个星星的图标对应代码是.fa-star。不用 content 属性类来输出font awesome图标这个写法,图标代码原创 2017-03-21 22:54:39 · 51282 阅读 · 2 评论 -
CSS选取第几个标签元素:nth-child、first-child、last-child
1、first-childfirst-child表示选择列表中的第一个标签。代码如下:li:first-child{background:#090}上面的意思是,li 列表中的 第一个li模块的背景颜色。2、last-childlast-child表示选择列表中的最后一个标签,代码如下:li:last-child{background原创 2017-03-20 22:03:34 · 114823 阅读 · 3 评论 -
css中outline
CSS3中outline属性是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。例如:在浏览器里,当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候,该元素将会被一个轮廓虚线框围绕。这个轮廓虚线框就是outline 。 一、outline可以按顺序设置如下属性outline-color :设置元素轮廓的颜色,其取值与border-color类似。只有转载 2016-03-02 14:22:15 · 753 阅读 · 0 评论 -
详解CSS选择器、优先级与匹配原理
选择器种类严格来讲,选择器的种类可以分为三种:标签名选择器、类选择器和ID选择器。而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用。而 在标签内写入style=""的方式,应该是CSS的一种引入方式,而不是选择器,因为根本就没有用到选择器。而一般人们将上面这几种方式结合在一起,所 以就有了5种或6种选择器了。三种基本的选择器类型语法如下:◆标签名选择器,如:p{},即转载 2016-03-03 19:14:40 · 434 阅读 · 0 评论 -
css选择器优先级深入理解
css基础选择器有标签选择器、类选择器、id选择器、通用选择器,本文将深入介绍css选择器优先级,这会给正在解决优先级问题的朋友,带来些许帮助. 一、基础选择器 css基础选择器有标签选择器、类选择器、id选择器、通用选择器 1.标签选择器 每个html页面都由很多个标签组成,通过标签选择器可以对某类标签应用相应的样式,如对p标签应用下面的样式,则页面中所有的p标签都会生效转载 2016-03-03 19:27:09 · 502 阅读 · 0 评论 -
网页中 li 标签内元素 不换行的解决办法
修改li的样式,增加 white-space: nowrap;在用 bootstrap-treeview 做右侧菜单,整个菜单的div宽度设为220px,加滚动。当菜单级数增多时,垂直方向可以滚动,单水平方向却折行了, 并没有出现想象中的水平方向的滚动。初步判定是li标签内元素宽度超过外部div限定的宽度时自动折行,因此水平方向的滚动没有触发,于是寻找禁止换行的css属性。原创 2016-03-04 11:15:19 · 15156 阅读 · 0 评论 -
bootstrap 修改carousel 样式
一:修改indicators和底部的间距.ol.carousel-indicators{ bottom: 0px; margin-bottom: 0px;}原创 2017-05-14 12:29:57 · 5881 阅读 · 0 评论