CSS的引入方式

CSS的简单样式:css设置元素的style属性

宽度:width
高度:height
背景颜色:background-color

CSS的引入方式:3种

  1. 内联样式表、行内样式表:style是个属性,写在标签的内部。
    优缺点:效果最直接最快,工作量大,比较繁琐
  2. 内部样式表:style是个标签,写在head标签内。
    优缺点:复用性较高,有内部局限性,很方便(单页复用)
  3. 外部样式表:没有style,选择器写在css文件内,在html文档中使用link标签引入。
    优缺点:复用性最高,覆盖性广,引入需要时间来加载,所以外部样式表不宜过大(多页复用)

优先级

内联>内部=外部
内部与外部的选择,取决于谁后引入。

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

推荐阅读更多精彩内容

  • 一、盒模型 1.1、盒模型的概念:在HTML中每一个元素都是一个盒模型,由外边距margin、边框border...
    bo_bo_bo_la阅读 519评论 3 4
  • 1.内联式 内联式是最简单的插入方法,直接把CSS代码写在现有的HTML标签中。例如: 这种方式的优点是简单直接...
    饥人谷_刘依依阅读 485评论 0 1
  • CSS的全称Cascading Style Sheets,层叠样式表,有三种引入方式: 内联样式 内部样式 外部样...
    辉夜乀阅读 127评论 0 0
  • 1.直接在文件头部用style的方式导入。 2.新建一个CSS文件放入CSS样式,然后利用link命令引入。例如:...
    frankisbaby阅读 243评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92