首页 / CSS / 01CSS的引入方式

01CSS的引入方式

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了01CSS的引入方式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含949字，纯文字阅读大概需要2分钟。

内容图文

引入CSS方式(重点掌握)

  1. 行内样式

  2. 内接样式

  3. 外接样式

    1. 　链接式

    2. 导入式

css介绍

现在的互联网前端分三层：

  • HTML：超文本标记语言。从语义的角度描述页面结构。
  • CSS：层叠样式表。从审美的角度负责页面样式。
  • JS：JavaScript 。从交互的角度描述页面行为

CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添加各种样式，定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。

css的最新版本是css3，我们目前学习的是css2.1

接下来我们要讲一下为什么要使用CSS。

HTML的缺陷：

  1. 不能够适应多种设备
  2. 要求浏览器必须智能化足够庞大
  3. 数据和显示没有分开
  4. 功能不够强大

CSS 优点：

  1. 使数据和显示分开
  2. 降低网络流量
  3. 使整个网站视觉效果一致
  4. 使开发效率提高了（耦合性降低，一个人负责写html，一个人负责写css）

比如说，有一个样式需要在一百个页面上显示，如果是html来实现，那要写一百遍，现在有了css，只要写一遍。现在，html只提供数据和一些控件，完全交给css提供各种各样的样式。

行内样式

技术分享图片 技术分享图片 
                1
                <div>

                2
                /*
                在行内改样式
                */
                3
                    <p style= "color: green">我是一个段落</p>  

                4
                </div>
View Code

内接样式

技术分享图片 技术分享图片 
                1
                <
                style 
                type
                ="text/css"
                >
                2
                /*
                写css代码更改样式
                */
                3
                        span
                {
                4
                            color
                :
                 blue
                ;
                5
                }
                6
                </
                style
                >
View Code

外接样式-链接式

技术分享图片 技术分享图片 
                <
                link 
                rel
                ="stylesheet"
                 href
                ="./index.css"
                >
View Code

外接样式-导入式

技术分享图片 技术分享图片 
                <
                style 
                type
                ="text/css"
                >
                
        @import url(‘./index.css‘);

                </
                style
                >
View Code

 

原文：https://www.cnblogs.com/heshun/p/9669590.html

内容总结

以上是互联网集市为您收集整理的01CSS的引入方式全部内容，希望文章能够帮你解决01CSS的引入方式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1218279.html

来源：【匿名】