CSS第一天代码练习

最新推荐文章于 2024-11-14 17:40:35 发布

啥也不会012345

最新推荐文章于 2024-11-14 17:40:35 发布

阅读量71

点赞数

分类专栏：笔记文章标签： css 前端

本文链接：https://blog.csdn.net/pikaqiu19/article/details/118880740

版权

笔记专栏收录该内容

14 篇文章 0 订阅

订阅专栏

本文档是一个关于网页样式设计的教程，详细介绍了如何使用HTML和CSS进行网页布局。内容包括字体设置、颜色搭配、元素居中对齐、首行缩进、图片居中等常见样式设计技巧，旨在帮助初学者掌握网页美化的基本方法。

摘要由CSDN通过智能技术生成

<!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>新闻页面</title>
    <style>
        body{
            font: 16px/28px '微软雅黑';
        }
        h1{
            /* 文字不加粗 */
            font-weight: 400;
            /* 文字水平居中对齐 */
            text-align: center;
        }
        .gray{
            color:#888888;
            text-align: center;

        }
        a{
            text-decoration: none;
            /* 去掉下划线 */
        }
        .search{
            color: #666666;
        }
        .btn{
            font-weight: 700;
            /* 加粗 */
        }
        p{
            /* 首行缩进两个字 */
            text-indent: 2em;

        }
        .pic
        {
            /* 给他的父亲p标签居中对齐 */
            text-align: center;
        }
    </style>
</head>