link标签的好处

简介: link标签的好处

诚然,很多刚刚学习编程的朋友在写代码的时候,在head标签中使用标签对body内容进行修饰的时候,难免会遇到这样的问题,比如:

<style>
      .fsa{
           width:100%;
          height:300px;
          font-size:size;
          text-align:center;
        }
</style>
       <body>
       <div class=“fsa”>  内容</div>
       </body>


如果一个html文件有很多内容,而内容需要根据要求被不断的修饰。那么一边在下面写内容,一边翻到上面去写修饰。这样就会造成编写的不便,而且影响工作效率,还伤眼睛。


解决办法:


       1.通常我们会使用  标签选择器,id选择器,类选择器,通配符选择器,后代选择器,伪类选择器,这几种是我们很常见的选择器,新手可以多用这几种选择器,熟能生巧。熟悉每种选择器之后,就可以很清楚的知道每种选择器的作用,以及在哪种情况下,使用哪种选择器最方便,最节省时间空间。


       2.一般的,我们常用的引入方式有 内联样式,内部样式,外部样式 ,当文件内容多,不便修饰的时候,我们可以选择使用外部样式。


我们可以使用这个标签将html文件和css文件建立联系,这样在写代码的时候可以进行分屏操作,内容和修饰可以做到左右一对一,一一对应。这种方式就可以避免很多麻烦,可以节省时间,以及在查错的时候,也是非常快。这也是实战项目中,常用的引入方式。


相关文章
|
2月前
|
XML 前端开发 数据格式
css核心组成部分包括选择器、属性和值。
【4月更文挑战第5天】css核心组成部分包括选择器、属性和值。
26 7
|
2月前
|
缓存 前端开发 JavaScript
CSS 的 link 标签放在 head 标签之间的作用
CSS 的 link 标签放在 head 标签之间的作用
52 1
|
9月前
|
前端开发
|
2月前
|
前端开发
css引入方式有几种?link和@import有什么区别?
css引入方式有几种?link和@import有什么区别?
47 0
|
2月前
|
JavaScript 前端开发 Go
<script> 标签的 defer 和 asnyc 属性的作用以及二者的区别
<script> 标签的 defer 和 asnyc 属性的作用以及二者的区别
33 0
|
10月前
|
JavaScript
Extjs中给一个组件命名时,id,name,hiddenName这三者的用法和区别是什么
Extjs中给一个组件命名时,id,name,hiddenName这三者的用法和区别是什么
|
Web App开发 JSON JavaScript
|
前端开发 Unix Linux
|
前端开发 区块链 开发者
link 标签|学习笔记
快速学习 link 标签
102 0
link 标签|学习笔记
|
网络协议 JavaScript 前端开发
<link>标签的几个用法,帮助提高页面性能
<link>标签的几个用法,帮助提高页面性能
442 0
<link>标签的几个用法,帮助提高页面性能