css主题的文章列表，还有css的技术要点_第16页

关于css3中的flex

参考几篇文章：Flex布局语法教程IE10中的FlexibleBox("Flexbox")布局“老”的Flexbox和“新”的Flexbox 一个可以练习的地方： NEWFlexbox:Fluid-Fixed-Fluid...

代码星球 ·2021-02-07

关于css中float的理解

感觉css里的float是个非常神奇的东西，神奇之处在于，你知道它是什么意思，但是用的时候总是不知道怎么实现效果。又或者它会很容易地影响到别的元素和属性。所以今天打算尝试一下float的各种设置，看看效果。在这篇博客里做个总结。1. 设置float后对后面元素的影响<!DOCTYPEhtml>&l...

代码星球 ·2021-02-07

CSS3中的一些属性

1.可匹配部分字符串2.box-sizing属性3.CSS3多栏布局　　　　1、可匹配部分字符串1/*^运算符，匹配字符串首部*/2a[href^='http://website']3/*$运算符，匹配字符串尾部*/4a[href$='.png']5/**运算符匹配任意位置的子字符串*/6a[href*='google...

代码星球 ·2021-02-07

css实现移动端滚动条隐藏仍然可以滚动内容

.g-panel{height:calc(100%-112px);overflow:auto;&::-webkit-scrollbar{display:none;//重点}}　　element::-webkit-scrollbar{display:none;//重点}...

代码星球 ·2021-02-06

通过CSS禁用页面内容选中和复制操作

-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;...

代码星球 ·2021-02-06

css中单位px和em,rem的区别

一、px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的二、em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。　　任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,...

代码星球 ·2021-02-06

css初始化

ulli标签的padding和margin 一些元素，默认带有padding，比如ul标签。所以，我们为了做站的时候，便于控制，总是喜欢清除这个默认的padding： ...

代码星球 ·2021-02-06

css页面布局

一、display二、margin:0 auto;水平居中三、max-width:600px; 在这种情况下使用max-width替代width可以使浏览器更好地处理小窗口的情况。这点在移动设备上显得尤为重要，调整下浏览器窗口大小检查下吧！四、box-...

代码星球 ·2021-02-06

纯css3绘制扇形

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Document</title><style>.hold{position:absolute;width:200px;heigh...

代码星球 ·2021-02-06

用css3实现一个带缺口的圆圈（图）

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>.box{margin:300px;position:relat...

代码星球 ·2021-02-06

css3动画在动作结束时保持该状态不变的解决办法

animation-fill-mode:none|forwards|backwards|both;none：不改变默认行为。 forwards：当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。 backwards：在animation-delay所指定的一段时间内...

代码星球 ·2021-02-06

CSS3两个动画顺序衔接播放

问题描述：第一个动画先播放，播放完成后，第二个动画紧接着播放。解决办法：1.将第二个的延迟时间（animation-delay）设置成第一个的持续时间(animation-duration);2. 多个动画应用时用逗号分隔开;此时，CSS3的动画代码就要分开写了，不能再简写了，诸如animation:rota...

代码星球 ·2021-02-06

css去掉使用bootstrap框架后打印网页时预览效果下的超链接

在我们写网页的时候，超链接是链接各个页面的桥梁，也是搜索引擎爬虫（spider）收录网站页面的关键，因此，在每个网页中会有许多的超链。今天，一个同行妹妹在使用了bootstrap框架来搭建自己的网站时遇到了打印网页时在带有超链接文字的旁边出现了超链，然后问我如何解决，我一时头大，从来没有遇到过这样的问题撒，该如何解决呢...

代码星球 ·2021-02-06

常用的CSS命名规则

头：header　　内容：content/container　　尾：footer　　导航：nav　　侧栏：sidebar　　栏目：column　　页面外围控制整体布局宽度：wrapper　　左右中：leftrightcenter　　登录条：loginbar　　...

代码星球 ·2021-02-06

CSS去除firefox点击链接时的虚线边框

a{outline:none;}或者缩小范围：a:focus{outline:none;} ...

代码星球 ·2021-02-06