HTML页面引入CSS的几种方式及区别_html/css_WEB-ITnose
来源:懂视网
责编:小采
时间:2020-11-27 16:34:27
HTML页面引入CSS的几种方式及区别_html/css_WEB-ITnose
HTML页面引入CSS的几种方式及区别_html/css_WEB-ITnose:1. 使用HTML标签的style属性 如: 这种方式的优点:分散灵活方便; 缺点:缺乏整体性和规划性,不利于维护,维护成本高; 这种方式的CSS渲染的优先级要高于其它三种。 2. 将样式代码写在标签中 通常将style标签放到HTML文件标签里 如: div
导读HTML页面引入CSS的几种方式及区别_html/css_WEB-ITnose:1. 使用HTML标签的style属性 如: 这种方式的优点:分散灵活方便; 缺点:缺乏整体性和规划性,不利于维护,维护成本高; 这种方式的CSS渲染的优先级要高于其它三种。 2. 将样式代码写在标签中 通常将style标签放到HTML文件标签里 如: div
1. 使用HTML标签的style属性
如:
这种方式的优点:分散灵活方便;
缺点:缺乏整体性和规划性,不利于维护,维护成本高;
这种方式的CSS渲染的优先级要高于其它三种。
2. 将样式代码写在标签中
通常将style标签放到HTML文件
标签里
如:
此种方式的优点:单个页面内的CSS代码具有统一性和规划性,便于维护。
缺点:多个页面之间CSS复用仍然不够。
3. 使用标签,引入外部CSS文件
外部CSS文件:base.css:
p { color: #000}
...
此种方式的优点:一个页面可以引入多个外部CSS文件,方便CSS代码复用,方便维护;
目前应用做多。
缺点:代码量集中,容易混乱。
4. 使用@import,引入CSS文件
这种方法既可以用在
Top