第20章_ CSS-练习

本是古典何须时尚 2023-09-27 13:41 106阅读 0赞

![efa68fd5aba065bf29df81c3975828e2.png][]

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现[HTML][]（[标准通用标记语言][Link 1]的一个应用）或[XML][]（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 <style type="text/css">
 #mydiv{
 width: 65px;
 height: 60px;
 background: url(img/小喇叭.png) no-repeat 13px 12px;/*不平铺*/
 background-color: #EFEFEF;/*注意：要先写背景图 再写背景色*/
 /*设置div中文字效果*/
 font-size: 17px;/*字体大小*/
 font-family: "微软雅黑";/*字体类型*/
 color: #666666;/*字体颜色*/
 padding-top: 50px;/*盒子模型设置内边距*/
 text-align: center;/*设置水平居中*/
 /*设置固定定位*/
 position: fixed;
 right: 0px;
 top: 200px;
 }
 </style>
 </head>
 <body>
 <div id="mydiv">
 最新 发布
 </div>
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 你好
 </body>
 </html>

[efa68fd5aba065bf29df81c3975828e2.png]: https://img-blog.csdnimg.cn/img_convert/efa68fd5aba065bf29df81c3975828e2.png
[HTML]: https://baike.baidu.com/item/HTML?fromModule=lemma_inlink
[Link 1]: https://baike.baidu.com/item/%E6%A0%87%E5%87%86%E9%80%9A%E7%94%A8%E6%A0%87%E8%AE%B0%E8%AF%AD%E8%A8%80/6805073?fromModule=lemma_inlink
[XML]: https://baike.baidu.com/item/XML?fromModule=lemma_inlink