css文件开头怎么写?

css指的是层叠样式表(Cascading Style Sheets),它是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种样式语言。

CSS文件顾名思义,是用于装CSS代码的文本文件,而CSS代码具有一定规律规则的文本代码组成。我们使用记事本将扩展名更改即可变成CSS文件。

css文件是以.css为后缀名的,我们看到以.css为后缀的文件就是css文件。

css文件开头怎么写?

写css 没有固定的开头的,直接写 选择+声明就可以了。当然也可以使用一下@charset "utf-8"声明;但更多的是初始化css代码,消除一下浏览器默认样式。

1、使用@charset"utf-8"的声明

这个声明是告诉浏览器【我的CSS文件是UTF-8编码的】,但实际上这个文件可以不用是UTF-8编码的,所以这个声明能达到欺骗浏览器的作用。

@charset声明必须在样式表最开头,它之前不能有任何元素(字符),就连注释也不行。如果定义了多个@charset声明,则只会使用第一个。

但实践中表明,chrome会有不兼容的bug,那么可以尝试这样的写法:

@charset="UTF-8";
@charset="utf-8";

注:@charset规则不能在HTML页面的字符集相关的<style>元素中使用。

2、常规的做法(初始化css代码,消除默认样式)

*{margin:0;padding:0}/*全局样式:内外边距为0*/
li{list-style:none}/*消除li标签前面的小圆点*/
a{text-decoration:none}/*消除a标签下划线*/
img{border:none}/*消除图片的边框,ps:因为当图片被a标签包住时会给图片自动加一个边框,就像a包文本会给文本加下划线一样*/
body{width:100%;max-width:640px;margin:0auto;overflow:hidden}

这不能说是标准的开头,而是在写样式时积累的经验,在css开头就把我们一般在页面中用不到的默认样式消除,避免我们在后面的书写中不断重复该样式的消除,浪费工作时间,降低工作效率。

为什么要初始化css代码?

首先是因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

其次初始化CSS样式可以提高编码质量,保持代码的统一性,如果不初始化整个页面做完很糟糕,重复的CSS样式很多。去掉标签的默认样式如:margin,padding,其他浏览器默认解析字体大小,字体设置。

初始化CSS为我们节约网页代码,节约网页下载时间;还会使得我们开发网页内容时更加方便简洁,不用考虑很多。

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是css文件开头怎么写?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏