第20章_ CSS-练习

时间：2023-01-02 17:33:53浏览次数：68

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或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">
                        最新<br />发布
                </div>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
                <p>你好</p>
        </body>
</html>

标签：网页,样式,练习,字体,设置,20,CSS,你好
From： https://www.cnblogs.com/89564f/p/17020244.html

第20章_ CSS-练习
层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可......
2023.1.1
昨天决定记录一下每天的琐碎以及获得的知识，但是呢，毕竟很懒，所以，第一天计划就搁浅了，哈哈。补吧，能写几天是几天毕竟是回忆么，就没有琐碎日常了。今天（1.1）晚上看了阿玮的Java的基......
AutoCAD Civil3D 2023安装图文教程
Civil3D2023简单介绍Civil3D设计软件是土木工程师的首选软件，也是民用大众领域的综合解决方案，同时Civil3D提供了AutoCAD和AutoCADMap3D的功能，该软件使用基于模型的......
2023元旦小结
2023新的一年又开始了，记得上次说类似的话已经是368天前了。今天就来复盘下2022年来的一些取舍。这一年行业很冷，冷到各个大厂都在裁员，我一小公司也不例外，三月份......
引入，CSS的书写方式
【1】为什么要学习CSS？HTML画页面--》这个页面就是页面上需要的元素罗列起来，但是页面效果很差，不好看，为了让页面好看，为了修饰页面---》CSSCSS的作用：修饰HTML页面......
引入，CSS的书写方式
【1】为什么要学习CSS？HTML画页面--》这个页面就是页面上需要的元素罗列起来，但是页面效果很差，不好看，为了让页面好看，为了修饰页面---》CSSCSS的作用：修饰HTML页面......
220. 最长公共子序列问题（挑战程序设计竞赛）
地址https://www.papamelon.com/problem/220给定两个字符串s_1s_2...s_n和t_1t_2...t_n.求出这两个字符串的最长公共子序列的长度。输入输入第一行有两个整数m和n,分......
2023.1.2 营业日志
新年快乐。P3895[湖南集训]HungryRabbitAnalysis考虑网络流。发现限制相当于每天最多添加\(l\)个兔子，扔掉\(l\)个兔子，为了方便讨论我们认为刚刚加入的兔子可以被......
嵌入式HLS 案例开发步骤分享——基于Zynq-7010/20工业开发板（3）
目录4matrix_demo案例274.1HLS工程说明274.2编译与仿真304.3综合314.4IP核测试364.4.1PL端IP核测试Vivado工程说明374.4.2PS端IP核测试裸......
Linux 应用案例开发手册——基于Zynq-7010/20工业开发板
目录1开发案例说明42Linux常用开发案例42.1tl_led_flash案例42.2tl_key_test案例72.3tl_can_echo案例112.4tcp_udp_demos案例173Python开发案......

第20章_ CSS-练习

相关文章

赞助商

阅读排行