01-css的引入方式
程序员文章站
2022-05-16 17:50:46
【转】01-css的引入方式 引入css方式(重点掌握) 行内样式 内接样式 外接样式 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超文本标记语言。从语义的角度描述页面结构。 CSS:层叠样式表。从审美的角度负责页面样式。 JS:JavaScript 。从交互的角 ......
引入css方式(重点掌握)
-
行内样式
-
内接样式
-
外接样式
3.1 链接式
3.1 导入式
css介绍
现在的互联网前端分三层:
- html:超文本标记语言。从语义的角度描述页面结构。
- css:层叠样式表。从审美的角度负责页面样式。
- js:javascript 。从交互的角度描述页面行为
css:cascading style sheet,层叠样式表。css的作用就是给html页面标签添加各种样式,定义网页的显示效果。简单一句话:css将网页内容和显示样式进行分离,提高了显示功能。
css的最新版本是css3,我们目前学习的是css2.1
接下来我们要讲一下为什么要使用css。
html的缺陷:
- 不能够适应多种设备
- 要求浏览器必须智能化足够庞大
- 数据和显示没有分开
- 功能不够强大
css 优点:
- 使数据和显示分开
- 降低网络流量
- 使整个网站视觉效果一致
- 使开发效率提高了(耦合性降低,一个人负责写html,一个人负责写css)
比如说,有一个样式需要在一百个页面上显示,如果是html来实现,那要写一百遍,现在有了css,只要写一遍。现在,html只提供数据和一些控件,完全交给css提供各种各样的样式。
行内样式
1 <div> 2 <p style="color: green">我是一个段落</p> 3 </div>
内接样式
<style type="text/css"> /*写我们的css代码*/ span{ color: yellow; } </style>
外接样式-链接式
<link rel="stylesheet" href="./index.css">
外接样式-导入式
<style type="text/css"> @import url('./index.css'); </style>
推荐阅读
-
Oracle比较快的删除重复数据的方式
-
PHP4.1.0在Windows下的Apache模块方式安装_PHP
-
具体介绍javascript使用两种方式动态生成css代码的详情
-
SparkStreaming整合Flume的pull方式之启动报错解决方案
-
编写一个程序,输入一个整数以及要转换的进制,输出转换结果,结果以字符串方式输出,例如 输入10814 16,把10814转换为16进制的字符串“2A3E”,如果输入10814 2,则10814
-
ES6中箭头函数的定义与调用方式详解
-
深入理解JavaScript创建对象的多种方式以及优缺点
-
详解nodejs通过响应回写的方式渲染页面资源
-
Java中创建对象的5种方式
-
做了CDN获取用户真实IP的函数代码(PHP与Asp设置方式)_PHP教程