CSS3
关注
分享
扫一扫
文章平均质量分 85
poorpenguin
这个作者很懒，什么都没留下…
展开
-
CSS3 基础（3）—— CSS3背景和背景渐变
一、背景CSS3中和元素背景相关的属性 属性 说明 background-clip 指定背景的绘制区域 background-origin 设置背景图片的定位（一）background-clip 设置背景图像区域background-clip属性指定了背景绘制区域语法background-clip: border-box | ...原创 2018-07-01 10:14:00 · 12919 阅读 · 1 评论 -
CSS3 基础（8）—— CSS3多列布局（Multi-column）
多列布局（Multi-column）多列布局就是将文本内容设计成像报纸那样的多列布局。兼容性IE10+、FireFox16+、Chrome26+、Safari6.1+、Opera12.1多列布局的属性columns：设置对象的列数和每列的宽度。是复合属性。 2. 1.columns 设置对象的列数个每列的宽度设置或检索对象的列数和每列的宽度。语法：...原创 2018-09-06 11:57:03 · 1074 阅读 · 0 评论 -
CSS3 基础（6）—— CSS3过渡（Transition）
一、过渡 (transition)过渡的概念允许CSS的属性在一定时间区间内平滑过渡在鼠标单击、获取焦点、被点击、或对元素任何改变中触发，并圆滑的以动画效果改变CSS的属性值。兼容性 IE10+ FireFox16+ Chrome26+ Safari6.1+ Opera12.1建议使用兼容的写法-webkit-tra...原创 2018-09-03 16:50:06 · 631 阅读 · 0 评论 -
CSS3 基础（5）—— CSS3转换（Transform）
一、Transform转换让一个元素在一个坐标系统中变形。这个属性包含一系列变形函数，可以移动、旋转和缩放元素。语法transform: none | <transform-function> [<tranform-function>]*;原创 2018-09-02 14:41:31 · 722 阅读 · 1 评论 -
CSS3 基础（7）—— CSS3动画（animation）
一、动画animation人类拥有“视觉停留”的特效，也就是人的眼睛看到东西，会在视网膜上存在0.34不会消失。 在前一幅画在脑子里消失前播放下一幅，就会给人造成一种流畅的视觉变化效果。而css3动画是使元素从一种样式逐渐变化为另一种样式的效果，css3动画中我们可以改变任意多的样式任意多的次数。兼容性ie10+、firefox16+、chrome43+、safari9+、o...原创 2018-09-04 22:16:26 · 2275 阅读 · 0 评论 -
CSS3 基础（2）—— 各个浏览器前缀、圆角、盒阴影、边界图片
一、浏览器CSS属性前缀 前缀 对应浏览器 -webkit- chrome -moz- FireFox -ms- IE -o- Opera二、CSS3圆角（border-radius）CSS3中我们可以使用border-radius是下面四个属性的复合属性border-top-left-radiusbor...原创 2018-06-28 15:55:05 · 247 阅读 · 0 评论 -
CSS3 基础（4）—— CSS3文本和字体
一、文本（一）文本阴影（text-shadow）设置文本阴影。语法text-shadow:h-shadow v-shadow blur color兼容IE10+、FireFox3.5+、Chrome4+、Safari4+、Opera9.5+案例<!DOCTYPE html><html>&am原创 2018-07-03 17:29:44 · 807 阅读 · 0 评论 -
CSS3 基础（1）—— CSS3选择器2 详解
一、基本选择器CSS的基本选择器通配符选择器 (* CSS2)元素选择器 (CSS1)类选择器 (CSS1)ID选择器 (CSS1)后代选择器 (CSS2)CSS3新增层次选择器子元素选择器 (这个准确的说应该是CSS2的)相邻兄弟元素选择器通用兄弟选择器群组选择器(一)子元素选择器（直接后代选择器）概念： 子元素选择器只能选择某元素的子元素语法...原创 2018-06-27 17:26:14 · 1354 阅读 · 0 评论 -
CSS3 基础（1）—— CSS3选择器1 分类和语法
一、CSS3选择器分类二、选择器语法1、基本选择器语法 选择器 类型 功能描述 * 通配选择器 选择文档中所以HTML元素 E 元素选择器 选择指定类型的HTML元素 #id ID选择器 选择指定ID属性值为“id”的任意类型元素 .class 类选择器 选择指定class属性值为“class”的任意...原创 2018-06-26 17:16:11 · 324 阅读 · 0 评论 -
CSS3 基础（9）—— CSS3用户界面的相关属性（appearance、text-overflow、outline、nav-index、cursor、zoom....）
一、用户界面相关的属性appearance 设置外观按照本地默认样。text-overflow 设置文本的溢出后的截断方式。outline 轮廓，在border外的（input框选中后，一圈蓝色的那个就是轮廓，不占布局空间）nav-index 设置导航方向（该属性将被W3C移除）1.appearance属性可以使用该属性改变原本的标签外观。 设置或检索外观按照本地默认样...原创 2018-09-07 11:15:49 · 802 阅读 · 0 评论