1. 使用变量; sass 让人们受益的一个重要特性就是它为 css 引入了变量。你可以把反复使用的 css 属性值 定义成变量，然后通过变量名来引用它们，而无需重复书写这一属性值。或者，对于仅使用过一 次的属性值，你可以赋予其一个易懂的变量名，让人一眼就知道这个属性值...

2018-06-24 02:24:25

深入css布局（1）—— 盒模型 元素分类 “ 在css知识体系中，除了css选择器，样式属性等基础知识外，css布局相关的知识才是css比较核心和重要的点。今天我们来深入学习一下css布局相关的知识。” 首先来列下大纲 盒模型 IE盒模型 W3C盒模型 box-sizing 元素的分类 块级...

2018-06-24 02:24:24

css基本语法及页面引用 css基本语法 css的定义方法是： 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。代码示例： div { width : 100px ; height : 100px ; color : red } css页面...

2018-06-24 02:24:23

由于英文字母只有26个，所以生成.eot、.woff、.ttf、.svg等文件是比较小的，也就十几KB而已。但是对于汉字来说，常用的汉字就已经2500个了，生成的文件一般要2-3MB，如此庞大的包对页面的加载时非常不利的，因此网络上那些@font-face格式转换网站一般都不支持中文字体...

2018-06-24 02:24:21

昨天群里有人问个问题：为什么button加了文字后，产生了对齐不一致的问题。 原因在于baseline的对齐问题。 然后就有人推荐了一篇文章：关于Vertical-Align你需要知道的事情 其中里面最后一个例子讲到了 如何解决inline元素换行的问题。 里面说用注释可以解决换行问题，...

2018-06-24 02:24:20

html基本结构 一个html的基本结构如下： ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title 网页标题 / title / head body 网页显示内容 / body / html 第一行是文档声明，第二行“html”标签和最后一行“/html”定义html文档的整体，“html”标签中的...

2018-06-24 02:24:19

一、什么是蝉原则？ 蝉原则，英文称作cicada principle，是一种让事物的重复出现符合自然随机性的规则，为什么这么说呢？ 蝉原则源自于北美，中国似乎并未有这样的说法，这背后是有有故事的： 北美和东亚蝉的种群是不一样的，在东亚蝉的幼虫生活在土中3年5年或7年；但...

2018-06-24 02:24:19

页面布局，或者是在页面上做些小效果的时候经常会用到 display,position和float 属性，如果对它们不是很了解的话，很容易出现一些莫名其妙的效果，痛定思痛读了《CSS Mastery》后总结一下。 让我们从基础的CSS知识谈起，相信很多初学者和小弟一样不明白CSS原理，一味追...

2018-06-24 02:24:15

做成背景图片 单个 .imgdiv { width: 100px; // 你要的正方形 height: 100px; // 你要的正方形 background-image: url(/your/image/path.jpg); background-position: center center; // 居中 background-size: cover; // 填满div background-repeat: no-repeat;} 多个...

2018-06-24 02:24:14

关键词出现在网站哪些地方符合SEO?进行网站的SEO时，关键词需要出现在整个网站的适当地方。下面列出几个重要的关键词摆放的地方。以下列出的10个地方希望能够帮助到大家。 1、网站Title部分。 2、网站Meta Keywords部分。 3、网站Meta Description部分。 4、 关键词出...

2018-06-24 02:24:14