CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/09 CSS

基础来看一个后代选择器的最简单写法，strong标签属于p标签的后代，i标签属于strong标签后代：HTML代码： XML/HTML Code复制内容到剪贴板 <p> my name is <strong>li<i>daz...

前端技术 2023/09/09 CSS

复制代码代码如下: .ext-el-mask-msg div { font-size: 12px; } .loading-indicator { font-size: 12px; } .x-tab-strip span.x-tab-strip-text { font-size:...

前端技术 2023/09/09 CSS

纯CSS写的齿轮效果。支持chrome，firefox，比较粗糙。各位见谅，希望你能看到的是思想，而不是技术的东西。效果预览：原理的话也比较简单，主要是css3画圆，然后弄出几个轮子的齿（这里构建锯齿的方法是我个人比较满意的地方，就是用一个贯穿整个圆形的长条，然后transf...

前端技术 2023/09/09 CSS

CSS3中新加了多背景这个属性，和CSS2的使用方法一样，只不过图片可以从1个图片变成多个图片了。在CSS3中多背景的使用是非常常见的，所以，这个多背景的属性应用很普遍的，所以掌握CSS3之多背景background是当务之急呀。一、background的语法 1、backg...

前端技术 2023/09/09 CSS

首先，CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，分别为块级（block）、行内（inline）。块级元素：（以下列举比较常用的块级元素，详情可在w3cschool查询） XML/HTML Code复制内容到剪贴板 ...

前端技术 2023/09/09 CSS

本文实例讲述了绝对定位元素被遮挡的解决方法。分享给大家供大家参考。具体方法如下： ie7下绝对定位元素即使z-index值很高，如果其设置相对定位的父元素没有设置z-index值的话，其可能（这种可能性当然是布局存在遮盖的时候）会被后面设置了相对定位的元素遮挡（即使后面的相对...

CSS教程彻底掌握Z-index属性

前端技术 2023/09/09 CSS

大多数的CSS属性都很容易使用。常常，当您对标记语言的元素使用CSS属性时，产生的结果会随着您刷新页面而立即呈现。而另一些CSS属性，却会有一些复杂，且只能在给定的环境下才会工作。 Z-index属性便属于上面所说的后面的那一组。Z-index无疑的比其他任何属性都会频繁的导致...

前端技术 2023/09/09 CSS

bootstrap是个好东西，对于CSS不是很熟悉的同学可以用它快速的做个不丑的网站。但是bootstrap是个12栅格的系统，显示5列比较麻烦，今天我也刚好有这个需求，就稍微研究了下，并且成功了。具体的做法是：在 head 里加载 bootstrap 的 css &lt...

前端技术 2023/09/09 CSS

在w3cschool中css3中有个文本相关的属性text-overflow，当把它设为ellipsis时文本溢出内容就能显示为省略标记，而设为clip时就能把文本溢出的部分裁切掉，当然，前提是设置好两个属性，那就是white-space:nowrap（强制文本...

CSS position:absolute全面了解

前端技术 2023/09/09 CSS

一、绝对定位的特征绝对定位有着与浮动一样的特性，即包裹性和破坏性。就破坏性而言，浮动仅仅破坏了元素的高度，保留了元素的宽度；而绝对定位的元素高度和宽度都没有了。请看下面代码： XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> ...

关闭

我的博客