CSS书写格式

1.行内样式
可以直接将CSS代码写在开始标签当中
<div style="color:red">我是div</div>

2.内嵌样式
可以在一对head标签中写上一对style标签,然后在style标签中编写CSS代码

3.外链样式
可以单独新建一个.css的文件,把CSS代码写到这个文件中,然后通过在head标签中的link标签,把这个.css文件和.html文件关联起来

4.导入样式
可以单独新建一个.css的文件,把CSS代码写到这个文件中,然后通过在head标签中的style标签中的@import,把这个.css文件和.html文件关联起来

外链样式和导入样式的区别:
1.外链样式时通过link标签关联的,而导入样式是通过@import关联起来的,@import是CSS2.1推出的,会有兼容问题
2.外链样式在显示界面时,会先加载CSS样式,再加载结构,所以用户看到界面时,一定已经设置了样式;导入样式在显示界面时,会先加载结构,再加载样式,所以用户看到界面时,不一定已经设置了样式,用户体验不好

企业一般使用外链样式的CSS书写格式

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • css书写格式:1.行内样式可以直接将CSS代码写到开始标签中2.内嵌样式可以在一对head标签当中写上一对sty...
    雪妮爸爸阅读 211评论 0 0
  • 行内样式 内嵌样式: 企业开发用外链样式 外链样式 导入样式: @import "117-abc.css"; 外链...
    晚溪呀阅读 293评论 0 0
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 2,408评论 0 7
  • 一、理论基础知识部分 1.1、讲讲输入完网址按下回车,到看到网页这个过程中发生了什么 a. 域名解析 b. 发起T...
    我家媳妇蠢蠢哒阅读 3,195评论 2 106
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,918评论 0 6