目录
什么是CSS?
点击以下链接了解更多:
https://baike.baidu.com/item/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8/524980?fromModule=lemma_inlink(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化
语法规范
选择器 {属性: 值 属性: 值 }
|
|
\/
声明
h1 { color: red; font-size: 25px; }
常见样式
注:属性值只是一个案例,并不是只能是那种
字体颜色 | color:red |
背景颜色 | background-color:red |
字体大小 | font-size:50px |
字体粗细 | font-weight: lighter(变细) |
字体样式 | font-style:italic(斜体) |
文本装饰 | text-decora:underline(下划线) |
文字对齐方式 | text-align:center(中间对齐) |
例子
代码展示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style type="text/css">
p{
color: aqua;
background-color: pink;
}
span{
font-size: 50px;
text-decoration: underline;
}
div
{
font-style: initial;
font-weight: bold;
text-align: center;
}
</style>
</head>
<body>
<p>
哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈
</p>
<span>
哈哈哈哈哈哈哈哈哈哈哈
</span>
<div>
哈哈哈哈哈哈哈哈哈哈哈
</div>
</body>
</html>
今天的分享到这里就结束啦~希望能帮到您!!