随笔分类 -  CSS

CSS3 选择器 语法规则
博客园主题
摘要：CSS样式 1 /* 鍏ㄥ眬 */ 2 html, body { 3 margin: 0; 4 padding: 0; 5 border: 0; 6 width: 100%; 7 height: 100%; 8 color: #555 !important; 9 font-family: "Micr 阅读全文
posted @ 2018-11-13 14:56 代码森林 阅读(408) 评论(2) 推荐(1)
盒子模型
摘要：盒子模型 width height margin 一个值代表四个方向边距|两个值分别代表上下和左右|三个值分别代表 上、左右、下|四个值分别代表上右下左。 padding border :left|right|top|bottom color|width|style 位置可变，颜色可省 conten 阅读全文
posted @ 2017-08-18 08:53 代码森林 阅读(733) 评论(0) 推荐(0)
背景图+列表+伪类选择器
摘要：Background-color|image|position|repeat 颜色图片位置重复 图片优先 CSS Sprites雪碧图：减少http请求，减小服务器压力。一张大图，通过背景偏移position截取小图。 Li列表 list-style list-style-image list-st 阅读全文
posted @ 2017-08-18 08:52 代码森林 阅读(414) 评论(0) 推荐(0)
CSS文字有关属性
摘要：font-size|family|weight|style 大小字体加粗斜体 color|opacity 颜色透明度 height+line-height:垂直居中 overflow:hidden|visible|scroll 内容超出父元素的显示方式 text-align 文字对齐 letter- 阅读全文
posted @ 2017-08-18 08:46 代码森林 阅读(220) 评论(0) 推荐(0)
CSS基础语法与选择器
摘要：CSS基础 语法 ： <head> <style type="text/css"> 选择器（即修饰对象）{ 修饰属性:属性值; 修饰属性:属性值; } </style> </head> CSS选择器 标签选择器 ID选择器 类选择器 特殊选择器 交集 并集 后代选择器 通用选择器 伪类选择器 CSS 阅读全文
posted @ 2017-08-18 08:45 代码森林 阅读(241) 评论(0) 推荐(0)
CSS 兼容性支持
摘要：CSS 兼容性支持 在一个CSS属性还没有成为标准之前，各浏览器厂商已经做了这个属性的实现，可能各浏览器实现不尽相同，所以加入属性前缀区分。 safari , chrome：-webkit- opera: -o- IE: -ms- 如CSS手册中transition的兼容性支持： CSS 兼容性支持 阅读全文
posted @ 2017-08-03 10:35 代码森林 阅读(231) 评论(0) 推荐(1)
CSS定位
摘要：CSS定位 网页的三种常用定位方式。 相对定位：position：relative；相对于元素原始位置定位。没有脱离文档流，保留位置。 fixed定位：参照对象：浏览器窗口。position：fixed； 常用于做侧边栏导航。 绝对定位：参照对象：最近的定位的父元素。向上查找，如果没有则为html。 阅读全文
posted @ 2017-08-02 15:23 代码森林 阅读(263) 评论(0) 推荐(1)
CSS动画效果
摘要：CSS变形效果 Transform translate:平移 translate(x,y) translateX(x) translateY(y)相对于元素原始位置平移。 scale:缩放 大于1放大，小于1缩小。 rotate：旋转 单位 deg度 | grad 梯度 |rad 弧度 | turn 阅读全文
posted @ 2017-08-02 15:12 代码森林 阅读(312) 评论(0) 推荐(1)