作为一名PHP程序员,对前端只是有些了解,却不精通。最近在没有前端的情况下,需要写个页面,遇到了”用户样式表“这样一个坑,在此记录下,希望能帮助到有需要的人。
事发原因,我使用的wordpressCMS框架,在模板php文件中直接写的html表格。无论我使用table表格,还是使用有序列表ul,我写的样式文件都不起作用。
右键检查源码,审查元素,看到的也都是正常的。唯一一点疑惑是,用户样式表不知道从那里来的。
于是就在网上查了”用户样式表“相关资料。发现这个还真实一个坑,会在一些细节处影响到页面的设计。
解决办法为:1.在页面顶端添加<!DOCTYPE html>标记,如此可以避免绝大多数用户样式表带来的坑。
2.如果方法1不管用,那么请检查HTML文档结构是否完整,如果不完整的话,也可能导致用户代理样式表的出现。我就是这种情况,因为在cms模板中,忽视了HTML结构完整性导致的用户代理样式表出现,
影响了页面的设计开发。
3.添加统一的样式代码覆盖掉用户代理样式表,很多网站开发都有默认的css样式表清理规则。就是我们在大型网站中常看到的base.css.这些文件重新定义了标签的样式,这样才可以避免后期用户样式表给自己带来的坑