什么是css(层叠样式表)?

CSS主要用于设置网站外观,让我们的网站更加绚丽,引人注目;不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
CSS样式表可以定义文本和其他HTML标记的颜色、大小和位置,而HTML文件定义内容及其组织方式。把它们分开可以让你改变配色方案,而不必重写整个网站。
指定和使用样式
包含web页面或站点样式表的主要方法有三种:
1、设置标签的style=""属性,称为内联样式;
2、在HTML头标记中使用<style>标记,称为嵌入式样式;
3、创建并链接到外部CSS文件,称为外部样式表。
基本样式表通常修改html标记的外观,如<body>和<p>。在头文件中使用CSS文件或样式表时,我们还可以定义样式类,并使用class="?"属性将它们应用于任何元素,但这超出了本简单指南的范围。
内联样式
特点:
1)、内联样式放在代码中的HTML元素中。
2)、使用内联样式时,样式只会影响你选择的元素。
3)、内联样式没有选择器
<p style="color:red;">Some red text</p>
嵌入式样式
特点:
1)、被放置在样式标签<style type ="text / css"> </ style>编写的网页的头部部分中。
2)、编写的样式将仅用于您使用它的网页。
3)、嵌入样式也称为“内部样式”
<head> <style type="text/css"> h1 { color: red; } </style> </head>外部样式表
与HTML文件一样,CSS文件也是纯文本,并且通常具有.css文件扩展名;可以通过特定的标签来将其链接到HTML文件中。
特点:
1)、在单独的文档中编写然后附加到各种Web文档中
2)、修改它可以影响所有你所调用的页面
3)、便于修改操作
body { background-color: beige; color: #000080;} h1 { color: red;}然后可以使用<link…>在header头中引入生效。
<head> <link rel="stylesheet" type="text/css" href="style.css" title="style"> </head>
如今大多数网站使用外部样式表,外部样式是在单独的文档中编写然后附加到各种Web文档的样式。外部样式表会影响它们所连接的任何文件,这意味着如果你有一个20页的网站,每个页面使用相同的样式表,当需要改变的话只需编辑该样式表即可完成这些页面,这使得长期站点管理变得更加容易。外部样式表的缺点是它们需要页面来获取和加载这些外部文件。并非每个页面都会使用CSS表格中的每个样式,因此许多页面将加载比实际需要的页面大得多的CSS页面。
以上就是什么是css(层叠样式表)?的详细内容,更多内容请关注技术你好其它相关文章!
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场