css首行缩进的设置方法：首先新建一个html代码文件；然后给设置一个class类；接着在设置cont类的宽为400px；最后设置p标签的首行缩进为两个字符即可。
本教程操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
新建一个html代码文件，然后在这个html代码页面上创建一个
,并个
添加上内容。如图：
代码：
<div class="cont">
<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
<p>的顶顶顶顶顶的顶顶顶顶顶</p>
<div class="aritcle_card">
<a class="aritcle_card_img" href="/xiazai/code/9688">
<img src="https://img.php.cn/upload/webcode/000/000/014/175966560561383.jpg" alt="Ecshop韩都衣舍2014最新豪华版">
</a>
<div class="aritcle_card_info">
<a href="/xiazai/code/9688">Ecshop韩都衣舍2014最新豪华版</a>
<p>雕鹰团队二次开发服装类商城模板；ecshop 韩都衣舍2014最新豪华版+专题频道页面功能；采用DIV+CSS布局，并优化了很多代码，使模板打开速度更快，更利于SEO搜索引擎优化。顶级分类页调用该分类下精品商品排行，左右切换滚动特效，头部购物车鼠标移入显示购物车商品，首页分类下方调用各分类商品，并且商品有立即购买功能，列表页左侧商品分类默认商品展开状态，点击哪个分类进入此页面，那么这个分类处于展开</p>
<div class="">
<img src="/static/images/card_xiazai.png" alt="Ecshop韩都衣舍2014最新豪华版">
<span>0</span>
</div>
</div>
<a href="/xiazai/code/9688" class="aritcle_card_btn">
<span>查看详情</span>
<img src="/static/images/cardxiayige-3.png" alt="Ecshop韩都衣舍2014最新豪华版">
</a>
</div>
<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>
</div>
设置样式。在
顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多
立即学习“前端免费学习笔记（深入）”；
的顶顶顶顶顶的顶顶顶顶顶
顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多