Css Connect To Html

HTML+ CSS= DOM

CSS实际是如何工作的呢?

当浏览器显示文档时,它必须将文档的内容与其样式信息结合。它分两个阶段处理文档:

1.浏览器将HTMLCSS转化成DOM文档对象模型)。DOM在计算机内存中表示文档。它把文档内容和其样式结合在一起。

2.浏览器显示 DOM 的内容。

②。如何将你的CSS应用到HTML


1.外部样式表

比如有css文件如下

style.css:    h1{color:blue;background-color:yellow;border:1px solid black;}p{color:red;}

<head>

            <link rel = "stylesheet"   href ="css/style.css">

</head>

2.内部样式表

<head>

        <style>

                h1{color:blue;background-color:yellow;border:1px solid black;}p{color:red;}

        </style>

</head>

3.内联样式(当然在非必要的情况下切勿使用此种方式,不利于维护)

<body>

         <h1 style = "color:blue; background-color:yellow;border: 1px solid black; ">Hello World!</h1>

</body>

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

推荐阅读更多精彩内容

  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,477评论 0 40
  • 第6章 开始学习CSS,为网页添加样式 1、认识CSS样式CSS全称为“层叠样式表 (Cascading Styl...
    夏沫xx阅读 4,659评论 1 11
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,685评论 32 459
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 8,382评论 0 11
  • 五一放假回家,本来是想一下车就奔回家的,可是闺蜜想拉个头发,所以陪她去拉头发。妹妹知道了哭了一场,我只觉得她任性...
    五里小徘徊阅读 1,449评论 2 3