CSS和HTML结合的三种方式 |
您所在的位置：网站首页 › 如何把css和html联系起来 › CSS和HTML结合的三种方式 |
|
一、在标签的 style 属性上设置”key:value value;”，修改标签样式 分别定义两个 div、span 标签，分别修改每个 div 标签的样式为：边框 1 个像素，实线，红色，代码如下： div 标签 1 div 标签 2 span 标签 1 span 标签 2 缺点： 1.如果标签多了，样式多了，代码量非常庞大 2.可读性非常差 3.Css 代码没什么复用性可方言二、在 head 标签中，使用 style 标签来定义各种自己需要的 css 样式 Title /*分别定义两个 div、span 标签，分别修改每个 div 标签的样式为：边框 1 个像素，实线，红色。*/ div{ border: 1px solid red; } span{ border: 1px solid red; } div 标签 1 div 标签 2 span 标签 1 span 标签 2缺点： 1. 只能在同一页面内复用代码，不能在多个页面中复用 css 代码 2. 维护起来不方便，实际的项目中会有成千上万的页面，要到每个页面中去修改。工作量太大了三、把 css 样式写成一个单独的 css 文件，再通过 link 标签引入即可复用 把 css 样式写成一个单独的 css 文件，再通过 link 标签引入即可复用。 使用 html 的 标签 导入 css 样 式文件。 CSS文件内容： div{ border: 1px solid yellow; } span{ border: 1px solid red; }HTML文件代码： Title div 标签 1 div 标签 2 span 标签 1 span 标签 2 |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |