CSS概述和网页样式，及语法初涉

为了避免HTML的臃肿与修改时的麻烦，把HTML的样式功能分离出来交给了CSS

在这里插入图片描述
在这里插入图片描述

样例
由上方纯HTML版本加上CSS修改样式

在这里插入图片描述

实践案列
下面展示一些 内联代码片。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    -------------------------------------------------------------
    <style>
        dl {
            font-size: 12px;                  （比HTML多的部分）
            /*字号*/
            color: blue;
            /*文字颜色*/
            font-weight: bold;
            /*加粗*/
        }
    </style>
    ----------------------------------------------------------------
</head>

<body>
    <dl>
        <dt>HTML</dt>
        <dd>超文本标记语言</dd>
        <dt>CSS</dt>
        <dd>层叠样式表</dd>
        <p></p>
        <a href=""></a>
    </dl>
</body>

在这里插入图片描述
在这里插入图片描述

题库

在这里插入图片描述
D应该是分号
在这里插入图片描述

posted @   昔痕  阅读(5)  评论(0)  编辑  收藏  举报
相关博文：
·  CSS样式（1）文字样式
·  CSS的三种添加方法
·  初识CSS
·  css简介
·  CSS_概述与CSS_与html结合方式与CSS_语法格式
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· winform 绘制太阳，地球，月球 运作规律
· 上周热点回顾（3.3-3.9）
点击右上角即可分享
微信分享提示
AI IDE Trae