CSS样式添加

三种:

一般来说优先级:内联式>嵌入式>外部式

内联式css样式,直接写在现有的html标签中
嵌入式css样式,写在当前的文件中
外部式css样式,写在独立的一个文件中

内联式试用情况:局部特殊化
嵌入式试用情况:统一标签样式格式
外部式试用情况:方便代码重用和管理

距离:
内联:

   <p style="font-size:12px;color:blue"></p>

嵌入:

   <style type="text/css">
       p{
          font-size:12px;
          color:pink;
          font-weight:10px;
         }

    </style>

外部:

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,845评论 1 92
  • CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...
    百作不死的学习阅读 1,234评论 0 7
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,676评论 0 30
  • 第6章 开始学习CSS,为网页添加样式 1、认识CSS样式CSS全称为“层叠样式表 (Cascading Styl...
    夏沫xx阅读 1,073评论 1 11
  • 1.认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义H...
    静默丶阅读 5,780评论 30 95