关于css基本样式
2018-04-07 本文已影响0人
湾里晴空
css基本样式的使用注意事项
-
首先要特别注意层次感。在代码的书写过程中要先将全局的特征先表达完毕，先对整体作表达，然后再对各个元素分别加不同的样式覆盖；
-
其次，要特别注意行内元素和块级元素的不同。行内元素可以多个元素在一行之内，块级元素一个元素要占据一行；对于居中方式：行内元素使用text-align=“center”来实现居中，块级元素使用margin：0 auto 实现居中。
-再次，特别重要的一点是要注意样式的继承性。有的样式有继承性，有的没有，必须要加以区分，有时候代码看起来没有产生错误，但是无法在页面上显示就是因为该样式没有继承性，而代码中是对父元素引入该样式。比如：font是具有继承性的样式，border是没有继承性的。
-在一个关于body或者某一个元素的命令这个需要大致包括这么几个样式：font: 16px/1.5 red (注意字体颜色直接用color来设置)；border；width（主要针对块级元素）；margin：0 auto（块级元素居中操作）
最后帖一个自己花了较长时间做的一个demo（关于一个表格）
