1、打开sublime text3,并且新建一个html文档和一个css文档。
2、把最基本的html框架写出来。
3、在html的head部分写上编码字符集并引入css文件。
4、在html的body里面写一个div,打上文字并设置一个class名。
5、在浏览器中打开,查看现在的效果。
6、我们直接在选择的div的class名里面加一个“margin: 0 auto”属性保存。
使用 CSS3.0 的新特性,将下面的代码添加到 a 标签中,就可以直接实现鼠标划过平滑移动特效了。a {
-webkit-transition:all0.4s linear
-moz-transition:all0.4s linear
-ms-transition:all0.4s linear
-o-transition:all0.4s linear
transition:all0.4s linear
}
定义一下padding-left的值就可以了,例如下面这样:文字文字文字~~
文字文字文字~~
文字文字文字~~
不过这样的副作用是div里面的其他元素也会向右偏移。所以也可以把padding定义在段落里面,例如
文字文字文字~~
这是直接把css写在html里面的作法,把它写在css文件里面也可以的,我想你应该知道怎么做的,就不详细说明了~~