随笔分类 -  CSS3＋HTML5

Less入门学习总结
摘要：一、什么是Less css的Less好比是js的Jquery，可以让人们更方遍快捷的使用css，使css代码更简洁，可以减少重复的代码，减少开发人员的工作量。 Less CSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS赋予了动态语言的特性，如变量、继承、运... 阅读全文
posted @ 2015-08-08 13:31 灵魂跳跃 阅读(2838) 评论(2) 推荐(1) 编辑
css扁平化博客学习总结（四）content代码实现
摘要：1.根据功能，把不同的部分写出来，方便扩展 一个标题 Lorem ipsum dolor sit amet, consectetur adipisicing elit, laborum. ... 阅读全文
posted @ 2015-07-19 13:55 灵魂跳跃 阅读(753) 评论(0) 推荐(0) 编辑
css扁平化博客学习总结（三）header代码实现
摘要：页头、banner、正文、页脚的宏观布局1.布局顺序的重要性：由大到小，着眼最大的部分，慢慢细分。 2.css用外部文件方式引入一个页面写多个css完全不必要，浏览器都是直接首位相接解析，分多个文件和1个文件效果是相同的。2个之内最好。注：分成太多css文件，会加大服务器请... 阅读全文
posted @ 2015-07-18 22:58 灵魂跳跃 阅读(418) 评论(0) 推荐(0) 编辑
css扁平化博客学习总结（二）css样式重置
摘要：css样式重置方法一：不推荐使用，这么写会让网页解析速度变慢。*{ margin: 0; padding: 0;}方法二：大家常用的写法，比较流行。body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre,... 阅读全文
posted @ 2015-07-18 21:44 灵魂跳跃 阅读(195) 评论(0) 推荐(0) 编辑
css扁平化博客学习总结（一）模块分析
摘要：一、模块分析1.每开发一个项目之前，首先要对项目进行一个大致规划，它到底要做什么功能，它有什么具体需求。2.所以需要进行模块化分析，把这些东西具象化，把一个问题模块化，对需求有一个宏观的了解。3.有一个模块的概念后，把模块进行细分，细分成更小的模块，然后逐一击破。不进行模块分析的恶劣影响：不做模块分... 阅读全文
posted @ 2015-07-18 21:20 灵魂跳跃 阅读(176) 评论(0) 推荐(0) 编辑
css垂直居中总结
摘要：前言 垂直居中布局的一些总结心得，初学者可以拿来即用。 元素分类已经在《css水平居中总结》中总结过，这里就不多赘述了。一、行内元素垂直居中在行级元素中使用如下方式进行垂直居中：height: 300px;line-height: 300px;二、块级元素垂直居中1.元素固定高度，计算margi... 阅读全文
posted @ 2015-07-16 02:36 灵魂跳跃 阅读(144) 评论(0) 推荐(0) 编辑
css水平居中总结
摘要：前言 看了好多篇帖子，发现没有一个能够直接让新手很快上手使用水平居中布局的，所以在此进行一番总结，也算是我对水平居中布局的一点点积累沉淀，同时也方便初学者们拿来即用。一、元素分类1.行内元素行内元素，也就是内联元素，可以在一行内显示多个。注：元素的高度、宽度、顶部底部边距均不可设置，元素的高度和宽... 阅读全文
posted @ 2015-07-15 21:56 灵魂跳跃 阅读(706) 评论(1) 推荐(0) 编辑