【前端01】html使用CSS技巧积累

作为后端开发，大多数时间花在后端代码，但有的时候，比如自己练习的是还是可以搞一下前端，好看一点，也有助于知道前端需要的数据是什么样的格式。
而且万一哪天项目组把前端也让你搞一搞？其实网上也有很多前端模板的，但有的时候可能不合意。还是需要自己琢磨一些前端。
有些普遍的前端知识一些网站都有，比如菜鸟教程、w3cschool。这里就不写全了，整理一下我搞前端经常遇到的小东西——

CSS

1、margin

用于做与上下左右的距离，更好排版。
参数为四个时，按顺序对应上右下左

2、li

1.取消前面的圆点
list-style:none

3、超链接

1.下划线取消
text-decoration:none;
2.颜色修改
color:#fff

按照状态，鼠标划过，点击时样式变化也可以修改:
a:hover,a:visited,a:link{
……
}

4、文字

1.加粗
font-weight属性可以接受以下值：
normal：默认值，文本显示为正常字体。
bold：文本显示为加粗字体。
数值（例如400、700等）：用于指定粗细程度的数值。
通过设置font-weight属性为bold，可以将文本设置为加粗样式。

2.水平居中对齐

{ text-align:center; }
{
 height:20px;
 line-height:20px;
 text-align:center;
}
{
 display:block;
 text-align:center;
}

浏览器的帮助

浏览器右键检查可以打开开发者工具，旁边的Styles框里其实是可以修改的，你可以试试查看并编辑，有助于修改排版。

最后

还有一点，前端尽量先把你需要的内容放到html里，然后再考虑布局，和间距问题，不然你一边添加一边改布局很难受。

Bootstrap

为了方便，前端已经有很多帮助的框架插件等。Bootstrap是偏重于样式的。
中文网:
https://v3.bootcss.com/getting-started/