2015年07月_几格字符

原创 CSS3学习（九）更高级的CSS用法

面向对象的CSS思想 1.作用： ①代码复用，减小代码体积 ②提高渲染效率 ③建立起组件库思想、栅格布局、减少选择器，提升思考的格局2.注意： ①结构与皮肤分离 ②容器与内容分离 ③抽象出可重用元素，建立组件库 ④避免ID选择器，重用度为0，除非用在Js中官方网站：http://www.oocss.org 常用css库：normalnize.css/resize.css/Neat.

2015-07-14 16:32:03 412

原创 CSS学习（八）渲染属性的使用

一、css3计数器 counters 类似于列表，优点在于：可以对任意元素计数，可以自定义计数样式，比如为大写的中文：壹贰叁相关属性，见图使用方法： ①定义计数器–需要计数的父元素 ②增数计数器–计数元素 ③调用计数器–计数元素的伪对象上实例：section{counter-increment:sec;} //定义计数器section:before{

2015-07-14 16:26:50 467

原创 CSS3学习（七）响应式布局基础

作用：为兼容不同尺寸的屏幕，动态修改尺寸Flex box（弹性盒子属性）一、概念了解 ①弹性容器（flex container） ②弹性子元素（flex item） ③主轴（main axis，子元素排列方向）；侧轴（cross axis，垂直于主轴方向） ④主轴开始（main start）、结束；侧轴开始、结束弹性容器属性，见图弹性子元素属性，见图 Multi-column（多列

2015-07-14 16:20:49 357

原创 CSS3学习（六）盒子、背景、边框新样式

盒子样式一、display属性包含值有 ①block //块状显示，占一行 ②inline //行内显示，不换行 ③inline-block //内联行内显示，且可设置宽度 ④对于table还有一个 inline-table 值 ⑤list-item //可以将div变成像list一样的竖直列表显示二、over

2015-07-13 18:02:28 937

原创 CSS3学习（五）字体相关样式

一、关于文字和盒子模型阴影的语法 X-shadow：水平偏移量竖直偏移量模糊程度颜色；如：text-shadow:5px 5px 5px gray;还可以显示多重阴影，只需要在参数值之间添加逗号即可如：box-shadow:1px 1px 1px gray , -1px -1px 2px black;二、使用服务器端字体 ①换行属性：word-break 包含几个值： n

2015-07-13 17:52:27 469

原创 CSS3学习（四）选择器详解

CSS3添加了一些新的选择器，如下：1.属性选择器 css3 追加了三种属性选择器：①[attr*=val] //包含val中字符串被选择②[attr^val] //以val中字符串开头的被选择③[attr$=val] //以val中字符串作为结束的被选择三者都是以通配符的形式来选择，举例：[id*=div]{...}这时候这些标签都被选中：<div id="idiv"><

2015-07-13 17:48:11 498

原创 CSS3学习（三）动画使用总结

css3之变形处理一、使用方法属性：transform 值： rotate(30deg度数) //旋转 scale(倍数) //缩放 skew(x角度，y角度) //倾斜 translate（x位移，y位移） //移动记得不同浏览器内核的一个适配，就是加前缀-webkit-transform：…二、同一个元素可以同时进

2015-07-13 17:42:20 497

原创 CSS3学习（二）CSS3动画

一. css3中的动画属性效果：transform,注意浏览器兼容的写法**2D：**translate(x偏移量，y偏移量) //移动 rotate(角度) //旋转scale(宽度倍数，高度倍数) //缩放skew(绕x角度，绕y角度) //倾斜透视matirx() //矩阵**3D:**rotate

2015-07-12 17:31:18 386

原创 CSS3学习（一） css基础补充

Html5学习笔记（一）之 CSS3学习补充属性（可能含值）选择器，如： input[type=”text”] { width: 100%;} 也可以给标签自定义属性，然后使用，如： <p title="x">含自定义属性的段落</p> 样式可写： [title=x]{color:red;} 注意：IE6 以下不支持属性选择器属性选择器还可以根据值来模糊获取元素：<p title=

2015-07-12 16:57:13 267

puppyand123的博客