CSS简介
| 阿里云国内75折 回扣 微信号：monov8 |
| 阿里云国际，腾讯云国际，低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号：monov8 飞机：@monov6 |
CSS是Cascading Style Sheets级联样式表的缩写。
CSS是一种样式表语言用于描述网页呈现的语言包括颜色、布局和字体。它允许用户根据不同类型的设备如大屏幕、小屏幕或打印机调整演示文稿。CSS独立于HTML可以与任何基于XML的标记语言一起使用。
HTML与CSS的分离使得维护站点、跨页面共享样式表以及根据不同环境定制页面变得更加容易。这被称为结构或内容与表现的分离。
CSS的优点
- 通过单个样式表控制多个文档的布局
- 更精确的布局控制
- 为不同的媒体类型屏幕、打印等采取不同的布局
- 无数高级、先进的技巧。
语法
样式规则书写格式
在css中样式规则的格式通常如下
selector {
property:value;
}
selector指的是选择器表示{}中的规则应用于哪些HTML元素
property指的是属性描述元素某一维度的名称由CSS规范指定
value对应属性的有效值由CSS规范指定
CSS的位置
- inline使用HTML属性样式。即style属性
<html>
<head>
<title>例子</title>
</head>
<body>
<div style="background-color:red;"></div>
</body>
</html>
- interal使用HTML标记＜style＞包含CSS代码
<html>
<head>
<title>例子</title>
<style type="text/css">
div {background-color: #FF0000;}
</style>
</head>
<body>
<div>这个页面是红色的</div>
</body>
</html>
- external使用link标签创建css文件与html的链接。
<html>
<head>
<title>例子</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
<div>这个页面是红色的</div>
</body>
</html>
外部样式表就是一个扩展名为css的文本文件。跟其他文件一样你可以把样式表文件放在Web服务器上或者本地硬盘上。
这个链接告诉浏览器在显示该HTML文件时应使用给出的CSS文件进行布局。
相比于其他两种方式更推荐第三种方式。这种方式的优越之处在于多个HTML文档可以同时引用一个样式表。换句话说可以用一个CSS文件来控制多个HTML文档的布局。