教你怎么去规范的书写CSS样式

1、文件[建议]：CSS文件使用无BOM的UTF-8编码2缩进[强制]：使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符。.selector { margin： 0； padding： 0； }3空格[强制]：选择器 与 { 之间必须包含空格。

聂拉木ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为成都创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18980820575（备注：SSL证书合作）期待与您的合作！

2、Css的引入：Css的引入一般有两种，link和@import，一般建议使用link引入。这样可以避免考虑@import的语法规则和注意事项，避免产生资源文件下载顺序混乱和http请求过多的烦恼。

3、CSS书写规范 使用CSS缩写属性 CSS有些属性是可以缩写的，比如padding，margin，font等等，这样精简代码同时又能提高用户的阅读体验。

CSS是什么

css指的是层叠样式表。css是一种用来表现HTML或XML等文件样式的计算机语言，是描述标记语言页面格式的标准。CSS使开发人员能够分离内容和可视元素，以实现更好的页面控制和灵活性。

CSS，英文全称为Cascading Style Sheets，中文名称为级联样式表，是一种用来表现HTML或XML等文件样式的计算机语言。CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。

css是层叠样式表。层叠样式表，(英文全称：Cascading Style Sheets)，是一种用来表现HTML（标准通用标记语言的一个应用），或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。使用Windows系统自带的记事本可以编辑网页。

css中几种实现居中样式技术优缺点代码详解

margin这种方式只能实现固定宽度的块级元素水平居中，如果该元素没有设置宽度或者不是块级元素，则不会生效。

如下代码：html：css：使用grid(网格)与flexbox非常相似，也是一种常见的技术，尤其是布局中已经使用网格的情况下。与前一种flexbox技术的唯一区别是它显示为栅格。

使用绝对定位给元素一个left：50%，然后再加一个margin-lelt：-(宽度的一半)效果图：不过缺点很明显，就是你知道元素宽度而且得固定不变，所以是比较蠢的一种写法。

CSS实现水平垂直居中对齐在CSS中实现水平居中，会比较简单。

如何用css显示一个图片中多个小图标?

CSS显示一个大图片中的多个小图标，主要是用background-position这个属性来控制的。

CSS显示一个大图片中的多个小图标，主要是用background-position这个属性来控制的。先看下面这张300*300的大图片，每个小图标是100*100的。

将图标文件命名为favico.ico（有在线生成工具，不能只改后缀名），上传到网站根目录。

你有一张大图里面是很多小图拼起来的，如果你一个div要显示的背景图片是距离左上角10px 10px位置的。只要设置background-position：-10px -10px。

主要就是用一个属性background-position来控制显示一张大图片中的一个指定大小的图片位置。css sprites图片背景优化技术下面从一个比较有趣的例子来一步步动手制作一幅扑克牌，看看是如何定位图片的。

CSS Sprites 把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字能精确的定位出背景图片的位置。

css知多少(7)--盒子模型_html/css_WEB-ITnose

重点的地方在于设置字体、设置行高、文字相关的距离都用相对值，这些东西在《css知多少（4）？解读浏览器默认样式》那一节已经说过了。

怪异盒模型也叫IE盒子模型 怪异盒主要表现在IE内核浏览器中，当前大部分浏览器支持的是W3C的标准盒子模型，不过其他浏览器也保留了IE盒子模型的支持，需要在CSS中添加触发怪异盒的条件。

CSS盒子模型就是在CSS技术所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个盒子。

modernizr：检测浏览器对HTML5和CSS3特性（至于modernizr的介绍，可以看我另外一篇博文HTML5系列四（特征检测、Modernizr.js的相关介绍）） 常用的html标签，它们的display属性一般默认为block和inline。

文章名称：css样式图标不失贞 css图标字体
转载源于：http://azwzsj.com/article/dihhoos.html