前端学习笔记 day02 CSS

CSS样式精讲

最新推荐文章于 2025-09-10 11:07:46 发布

weixin_30455067

最新推荐文章于 2025-09-10 11:07:46 发布

阅读量202

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/xuanxuanlove/p/10023270.html

1. CSS格式

CSS样式一般都是 选择器{属性名：属性值；} 选择器一般就是body中的标签；

2. color + font属性

color 可以给设置颜色；font设置字体相关格式 font:font-style font-weight font-size font-family; 顺序要遵循这样的格式，然后最后两个属性font-size font-family属性一定要有！！

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Welcome</title>
    <style>
        span{
            color:red;
            font-size:24px;  /*设置字体的大小*/
            font-style:italic; /*设置字体的格式（斜体italic 正常normal）*/
            font-weight:bold;  /*设置是否加粗（bold加粗=700px  400px=normal）*/
            font-family:"微软雅黑";  /*设置字体（微软雅黑，宋体等 也可以使用unicode编码格式）*/
        }

        div{
            color:pink;
            font:italic bold 24px "微软雅黑";   /*对于字体的设置一般采用font这种方式，但是按照顺序font:font-style font-weight font-size font-family  并且最后两个属性font-size font-family 一定不可以省略，否则不生效*/
        }
    </style>
</head>
<body>

    <span>任何时候准备都不晚的，只要你肯努力，看你自己付出多少时间和精力 投入到上面</span>
    <div>人一定要有斗志，一定要知道自己想要过什么样的生活 借用前任的一句话 you know your own goals!</div>

</body>
</html>