首页 > 其他分享> 文章详细

零基础学习WEB前端开发(十三)：CSS简介及语法规范

2021-10-29 20:00:39 阅读：131 来源： 互联网

标签：WEB 样式规范选择器空格 HTML 前端开发 CSS

CSS简介

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

HTML的局限性

HTML只单纯地关注内容，通过标签显示内容，显示元素。

单纯用html搞的网页就是丑，想要做出点花样来会使代码非常臃肿。

CSS-网页的美容师

CSS — 层叠样式表（Cascsding Style Sheets）的简称。

CSS也是一种标记语言。

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

CSS的语法规范

css包括两部分：选择器和一条及多条声明。

例如： h1 { color:red ; font-size:25px}

h1位选择器，即要被修饰的对象，后面是要修改的样式。

选择器 {样式}

给谁改样式 {改成什么样式}

<!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;
            font-size: 52px;
        }
    </style>

</head>
<body>
    <p>有点东西</p>
</body>
</html>

CSS的代码风格

代码风格不是强制规范，而是一种良好的习惯。

（1）样式格式书写

紧凑样式：

展开格式：

（2）样式大小写

一般使用小写的字母为主

（3）空格规范

属性值前面，冒号后面，保留一个空格。

选择器和大括号之间有一个空格

标签：WEB,样式,规范,选择器,空格,HTML,前端开发,CSS
来源： https://blog.csdn.net/txr152111/article/details/121041309

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9