css 修改文字基准线_css外部样式表怎么写

雨点打透心脏的1/2处 2023-01-04 13:14 163阅读 0赞

外部css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：

各位小伙伴在进阶的时候总会遇到一些问题和瓶颈，业务代码写多了没有方向感，不知道该从那里入手去提升，对此我整理了一些资料笔记视频，**包括HTML/CSS/javaScript/Vue等多个web前端基础知识点进阶干货需要的可以免费分享给大家**，有需要者请进群**点击进入1045267283**

注意：

1、css样式文件名称以有意义的英文字母命名，如 main.css。

2、rel="stylesheet" type="text/css" 是固定写法不可修改。

3、<link>标签位置一般写在<head>标签之内。

![edf64eaa02398d21fde30428e94e77ac.png][]

## 示例: ##

**style.css**

span{
     color:red;
     font-size:20px;
    }

**index.html**

<!DOCTYPE HTML>
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>嵌入式css样式</title>
 <link href="style.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
 php中文网，超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手！
 </body>
 </html>

web前端学习：vue bootstrap区别zhuanlan.zhihu.com

![Image 1][]

web前端学习：css文字居中怎么打zhuanlan.zhihu.com

![Image 1][]

[edf64eaa02398d21fde30428e94e77ac.png]: /images/20221119/ab18816b35504072a5e4ef63fa9ece67.png
[Image 1]: