目录
什么是CSS?
语法规范
常见样式
例子
代码展示
什么是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>
今天的分享到这里就结束啦~希望能帮到您!!