1、打开sublime text3,并且新建一个html文档和一个css文档。2、把最基本的html框架写出来。3、在html的head部分写上编码字符集并引入css文件。4、在html的body里面写一个div,打上文字并设置一个class名。5、在浏览器中打开,查看现在的效果。6、我们直接在选择的div的class名里面加一个“margin: 0 auto;”属性保存。
1、设置padding属性就可以移动文字,具体方法首先需要新建一个html文件,在里面使用div标签设置三段文字,给最后一个P标签添加一个class属性:2、然后设置div标签的样式,设置首行缩进2字符,字体颜色,字体大小等属性,再设置最后的class属性的padding值,这里4段数字分别代表上、左、下、右的间距,设置好后打开浏览器:3、在浏览器中可以看到最后一行的文字相比前两段要向右偏一点,至此就把div标签里的文字整体右移了:
1、为设置div靠右移动一点前代码:
div向右移一定距离实例 www.thinkcss.com第一个(前者)div
第二个(后者)div
2、操作设置第二个div左外边距离样式关键CSS代码:.box-a,.box-b{width:200px;height:100px; float:left}.box-a{ border:1px solid #00F}.box-b{ border:1px solid #F00; margin-left:20px}3、使用margin-right就不能对需要向右移div设置,而是对前者(蓝色div)设置即可,实现红色div右移一定距离。CSS代码:.box-a,.box-b{width:200px;height:100px; float:left}.box-a{ border:1px solid #00F;margin-right:20px}.box-b{ border:1px solid #F00}
定义一下padding-left的值就可以了,例如下面这样:
不过这样的副作用是div里面的其他元素也会向右偏移。所以也可以把padding定义在段落里面,例如
文字文字文字~~
这是直接把CSS写在html里面的作法,把它写在CSS文件里面也可以的,我想你应该知道怎么做的,就不详细说明了~~
可以在CSS规则定义/区块/文本对齐&文字缩进中设置…… 也可以写代码: 希望对你有用……