css链接样式(三种CSS样式详解)

css链接样式
点击标题下的千问千知,关注后每天阅读IT刊物

在程序编码过程中CSS样式是必备的,网站页面的排版以及美观都离不开CSS样式的控制。

HTML+CSS是组成静态网页必备的两部分,今天就带大家来了解一下CSS的三种样式。

Web开发中若仅使用HTML只能将网站的原始内容显示出来,这样的网站缺少美感。

CSS可以控制各种标签的样式,使HTML搭建的原始内容以更具美感的形式显示。

层叠样式表(Cascading Style Sheet,CSS)是用于表现HTML文件显示样式的语言,可以控制网页页面的显示,还可以提高网页的复用性和可维护性。

CSS的三种样式:

1.内部样式

内部样式在HTML页面<head>中编写,通过<style type=”text/css”></style>标识实现,作用于整个HTML页面,具体示例如下: 

上述示例可以控制整个网页中的<p>标签、< fieldset >标签以及<body>标签。

2. 内联样式

内联样式直接编写在HTML标签中,在标签中用style标识,具体示例如下: 

3. 外部样式

外部样式是使用链接的形式将外部的CSS样式脚本加载到HTML文件中,达到HTML文件与样式文件分离的目的,利于提高网站页面的复用性与可维护性,调用方式如下:

其中CSS文件可以放在项目的任意位置,然后将链接准确地赋给href即可。

不同类型的CSS样式在使用上都比较灵活,大家是使用过程中根据自己的页面的需求来采用不同的CSS样式。

一般情况下我们都是采用单独写一个CSS.CSS的样式文件,然后在html中进行调用,也就是第三种情况。

如果需要单独控制某一部分内容,但是又不想给其命名,一般就会采用第二种CSS样式来进行解决。

而第一种css样式在实际的应用中很少,因为直接把样式文件写在html页面中。

在后期查找错误,或者是样式文件过多的情况下都容易导致代码错乱,为后期查找修改带来很大麻烦。

在Python web开发学习中也需要对于HTML以及CSS样式有一定的了解。

所以在学习Python  web开发之前先给大家普及一下HTML以及CSS的基础知识。

如果同学在学习过程中还有其他相关问题,欢迎下方留言,我们将第一时间为你解答。

点击下方”阅读原文“直接进入购买页面!

Python入门:Web 客户端基础之HTML
2021-03-29
Python案例:去最高/低分求平均值源代码
2021-03-29
Python入门:Python虚拟环境安装教程
2021-03-26
Python案例:Python语句判断密码安全系数
2021-03-26
Python入门:Python web全栈Web框架—MVC架构
2021-03-24

css链接样式相关文章

版权声明