随笔分类 -  HTML+CSS

CSS3入门
摘要：CSS3 边框 border-radius box-shadow border-image CSS3 背景 background-size background-origin background-clip CSS3 文本效果 text-shadow word-wrap text-overflow 阅读全文
posted @ 2018-05-31 15:06 刁民阿准 阅读(125) 评论(0) 推荐(0)
CSS2的一些基本属性表
摘要：background-position background-attachment text-indent text-align:center <center> text-align: justify word-spacing letter-spacing text-transform text-d 阅读全文
posted @ 2018-05-21 16:10 刁民阿准 阅读(125) 评论(0) 推荐(0)
CSS预编译：less入门
摘要：LESS预编译是向下兼容CSS并且为当前CSS扩展功能。 LESS官网就是最好的学习资源。 这篇文章是对LESS的一个Overview,仅作为初步了解。因为官网是英文，所以我也尽量顺应它的表达避免歧义。 Variables use variables for more comprihensible 阅读全文
posted @ 2018-05-20 15:30 刁民阿准 阅读(250) 评论(0) 推荐(0)
transition动画效果初识（实例）
摘要：多个属性一起动画示例 css transform 属性参考地址：http://www.w3school.com.cn/cssref/pr_transform.asp trasform要注意浏览器前缀。 检测过渡是否完成 当过渡完成时触发一个事件，在符合标准的浏览器下，这个事件是 transition 阅读全文
posted @ 2018-04-28 10:02 刁民阿准 阅读(327) 评论(0) 推荐(0)
Flex布局（转自阮一峰老师）
摘要：转载自：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex布局语法 任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 Flex 布局。 Webkit 内核的浏览器，必须加上-webkit前缀。 注意，设为 Flex 阅读全文
posted @ 2018-04-27 19:47 刁民阿准 阅读(753) 评论(0) 推荐(0)
CSS书写规范参考
摘要：一、CSS命名规范（规则）大全 常用的CSS命名规则 注释的写法: id的命名: (1)页面结构 (2)导航 (3)功能 注意事项: CSS样式表文件命名 二、CSS书写顺序 三、CSS书写规范 使用CSS缩写属性 CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简 阅读全文
posted @ 2018-04-24 12:57 刁民阿准 阅读(116) 评论(0) 推荐(0)
CSS实现垂直居中的5种方法
摘要：利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。 方法一 这个方法把一些  阅读全文
posted @ 2018-04-24 12:54 刁民阿准 阅读(318) 评论(0) 推荐(0)
HTML5新标签
摘要：HTML5的新结构标签 section标签 <section>标签，定义文档中的节。比如章节、页眉、页脚或文档中的其它部分。一般用于成节的内容，会在文档流中开始一个新的节。它用来表现普通的文档内容或应用区块，通常由内容及其标题组成。但section元素标签并非一个普通的容器元素，它表示一段专题性的内 阅读全文
posted @ 2018-04-23 15:24 刁民阿准 阅读(243) 评论(0) 推荐(0)