关于css基本样式

css基本样式的使用注意事项

  • 首先要特别注意层次感。在代码的书写过程中要先将全局的特征先表达完毕,先对整体作表达,然后再对各个元素分别加不同的样式覆盖;

  • 其次,要特别注意行内元素和块级元素的不同。行内元素可以多个元素在一行之内,块级元素一个元素要占据一行;对于居中方式:行内元素使用text-align=“center”来实现居中,块级元素使用margin:0 auto 实现居中。

-再次,特别重要的一点是要注意样式的继承性。有的样式有继承性,有的没有,必须要加以区分,有时候代码看起来没有产生错误,但是无法在页面上显示就是因为该样式没有继承性,而代码中是对父元素引入该样式。比如:font是具有继承性的样式,border是没有继承性的。

-在一个关于body或者某一个元素的命令这个需要大致包括这么几个样式:font: 16px/1.5 red (注意字体颜色直接用color来设置);border;width(主要针对块级元素);margin:0 auto(块级元素居中操作)

最后帖一个自己花了较长时间做的一个demo(关于一个表格)

https://alexaa123.github.io/zuoye1/zuoye3.html

你可能感兴趣的:(关于css基本样式)