-
多列布局——Columns 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面，这种布局在报纸和杂志上都使用了几十年了，但要在Web页面上实现这样的效果还是有相当大的难度，庆幸的是，CSS3的多列布局可以轻松实现。接下来咱们一起学习多列布局相关的知识。 语法： columns：<column-width> || <column-count> 多列布局columns属性参数主要就两个属性参数：列宽和列数。查看全部
-
结构性伪类选择器—root “:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;}查看全部
-
如果一个div下只有一种类型的子元素，用first-child，如果不止一种类型的子元素，用first-of-type；其它选择器以此类推查看全部
-
background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top/80% 40%, url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom /50% 50%;查看全部
-
background-size 设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。 语法： background-size: auto | <长度值> | <百分比> | cover | contain 4、cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器； 5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。查看全部
-
CSS中的大于号表示子元素查看全部
-
实际运用中可以用来模拟JS点击事件的效果查看全部
-
background-origin 设置元素背景图片的原始起始位置。 语法： background-origin ： border-box | padding-box | content-box;查看全部
-
嵌入字体@font-face @font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。 语法： @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }查看全部
-
text-overflow 与 word-wrap text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
文本阴影text-shadow....text-shadow: 15px 2px 0 #E4F1FF;查看全部
-
background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);渐变查看全部
-
点击切换图片效果查看全部
-
color：rgba(R,G,B,A) background-color:rgba(100,120,60,0.5);半透明查看全部
-
background:url(xx.jpg) 10px 20px no-repeat; 为边框应用图片 border-image: border-image:url(borderimg.png) 70 round;查看全部
举报
0/150
提交
取消