CSS基础语法

VIP文章百事都可樂.

于 2023-01-27 22:26:34 发布

阅读量6.6k

点赞数 3

分类专栏： Web前端文章标签： css Powered by 金山文档

本文链接：https://blog.csdn.net/2301_76334474/article/details/128773450

版权

CSS简介

CSS的主要使用场景就是美化网页，布局页面的。

HTML的局限性

HTML只关注内容的语义，比如<h1>表明这是一个大标题，<p>表明这是一个段落，<img>表明这有一张图片，<a>表示此处有链接。

很早的时候，世界上的网站虽然很多，但是它们都有一个共同的特点：丑。

虽然HTML可以做简单的样式，但是会非常的臃肿和繁琐

CSS--网页的美容师

CSS是层叠样式表(Cascading Style Sheets )的简称.

有时我们也会称之为CSS样式表或级联样式表。

CSS是一种标记语言

CSS主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。

CSS让网页更加丰富多彩，布局更加灵活自如。简单理解：CSS可以美化HTML，让HTML更漂亮，让页面布局更简单。

总结：

HTML主要是做结构，显示元素内容

CSS美化HTML，布局网页

CSS最大价值：由HTML专注去做结构呈现，样式交给CSS，即结构（HTML）与样式（CSS）相分离。

CSS语言规范

使用HTML时，需要遵从一定的规范，CSS也是如此。

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>体验CSS语法规范</title>
    <style>
        /* 选择器｛样式｝ */
        /* 给谁改样式｛改什么样式｝ */
        p {
            color:red ;
            /* 修改了文字大小为12像素 */
            font-size: 12px;
        }
    </style>
</head>
<body> 
   <p>还不错</p>
</body>
</html>