实例

设置一个p元素的右边距：

p

{

margin-right:2cm;

}

属性定义及使用说明

margin-right属性设置元素的右边距。

注意： 负值是允许的。

一、两栏布局（左定宽，右自动）
1. float + margin

即固定宽度元素设置float属性为left,自适应元素设置margin属性，margin-left应>=定宽元素宽度。

举例：

HTML代码：

<div class="wrap">
<div class="wrap_left">

首先给浮动一个定义:浮动就是程序中定位的一种

那么什么又是定位:元素框相对于其正常位置应该出现的位置在哪儿

浮动定位：解决了多个块级元素能在一行内显示。

什么是浮动定位。可以用如下几个特点定义。

特点一：将元素排除在文档流之外，即元素脱离文档流，不受默认排列方式（从上到下或者从左往右）的控制

特点二：浮动起来的元素将不再占用页面的空间。（元素从浏览器上原地拔起，从上往下依旧能看到浮动元素），有可能会压住其他的元素。

大家看到好多的网站的导航栏都有小图标，比如首页就有一个屋子的图标，日记就会出现本子的图标。本站最近就采用了这个功能，顿时美妙多了。如图！

是不是很美观呢，那么就来操作下，把你的网站上也加上这种图标。好了，废话不多说，开始操作吧。

1:首先打开WordPress左侧的插件，点击安装插件，输入Font Awesome 4 Menus 进行搜索，然后安装，接着就是启用了！

2:打开WP后台---外观---菜单，进入菜单设置页面，点击右上角的显示选项，勾选css。

大家平常用搜索引擎搜索某个公司，或者做网站SEO的童鞋可能会发现和熟知，在很多网站名称的下面，会有显示该公司的主视觉图片。

这样做的好处？

这样可以给用户第一直觉冲击，给用户最直观、最深刻的视觉印象，让用户第一眼记住你，记住你的公司，有很好的网络推广效果；

那么如何给自己的网站设置这样的主视觉呢？

1.首先要注册账号，登录“XX站长平台”

点击右上方红色按钮关注“web秀”，让你真正秀起来

前言

大家都知道，对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。

对于性能优化我们常常在项目完成时才去考虑，经常在项目的末期，性能问题才会暴露出来，此时才进行一些相关的性能优化。

其实，如果我们从一开始编码，就注意一些细节问题，后面的工作量会小很多，下面我们来看看在书写CSS时，我们可以注意哪些细节，从而来提升CSS处理性能。