学分高考 Python

CSS引入方式有几种?怎么使用?

发布时间: 2022-05-28 03:30:01

CSS引入方式有几种?怎么使用?CSS的引入有三种方式,分别是行内式、内嵌式、外链式。选择CSS引入方式这样判断行内式几乎不用,内嵌式在学习CSS样式的阶段使用,外链式在公司开发的阶段使用,可以对CSS样式和html页面分别进行开发。我们需要掌握CSS三种引入方式及使用方法。

CSS引入方式有几种

CSS的三种引入方式:行内式、内嵌式(内部样式)、外链式,接下来我们具体来分析一下:

1、行内式

直接在标签的style属性中添加CSS样式

示例代码:

直接在标签的style属性中添加css样式

优点:方便、直观。缺点:缺乏可重用性。

2、内嵌式(内部样式)

在<head>标签内加入<style>标签,在<style>标签中编写CSS代码。

示例代码:

内嵌式

优点:在同一个页面内部便于复用和维护;缺点:在多个页面之间的可重用性不够高。

3、外链式

将CSS代码写在一个单独的.CSS文件中在<head>标签中使用<link>标签直接引入该文件到页面中。

示例代码:

外链式

优点:使得CSS样式与html页面分离,便于整个页面系统的规划和维护,可重用性高。

缺点:CSS代码由于分离到单独的CSS文件,容易出现CSS代码过于集中,若维护不当则极容易造成混乱。

4、CSS引入方式选择

(1)行内式几乎不用

(2)内嵌式在学习CSS样式的阶段使用

(3)外链式在公司开发的阶段使用,可以对CSS样式和html页面分别进行开发。

CSS引入方式总结:CSS的引入有三种方式,分别是行内式、内嵌式、外链式。外链式是在公司开发的时候会使用能体现div+CSS的标签内容与显示样式分离的思想,也最易改版维护代码看起来也是最美观的一种。

温馨提示:
本文【CSS引入方式有几种?怎么使用?】由作者教培参考提供。该文观点仅代表作者本人,学分高考系信息发布平台,仅提供信息存储空间服务,若存在侵权问题,请及时联系管理员或作者进行删除。
我们采用的作品包括内容和图片部分来源于网络用户投稿,我们不确定投稿用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的权利,请联系我站将及时删除。
内容侵权、违法和不良信息举报
Copyright @ 2024 学分高考 All Rights Reserved 版权所有. 湘ICP备17021685号