CSS / 简介与规范

winglamx

已于 2022-07-11 14:04:30 修改

阅读量292

点赞数

分类专栏：前端学习文章标签： css

于 2022-01-28 17:23:21 首次发布

本文链接：https://blog.csdn.net/qq_39565174/article/details/122733970

版权

前端学习专栏收录该内容

38 篇文章 0 订阅

订阅专栏

简介

CSS主要用于设置HTML中的文本内容、图片外形以及版式布局和外观显示样式

称为层叠样式表Cascading Style Sheets

语法规范

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

一般写在head中

<head>

</head>

    <style>
        p {
            color: red;
            font-size: 12px;
        }
    </style>

color字体颜色
font-size字体大小
属性键值对后一定要加分号；

代码风格

样式格式书写

紧凑格式：所有内容写在一行
展开格式：分开写如上，推荐使用展开格式

样式大小写

用小写书写代码，特殊情况除外

空格规范

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

选择器后跟一个空格

VSCODE用shift+alt+F直接格式化代码

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

winglamx

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

CSS 样式书写规范,css样式书写规范

weixin_42535703的博客

08-04

4893

在工作当中css样式是非常重要的，但是咋样书写css样式更重要。一、css书写规范1、定位属性：position display float left top right bottom overflow clear z-index2、自身属性：width height padding border margin background3、文字样式：font-fami...

Web前端开发规范文档(css/javascript)

01-19

规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的...

参与评论您还未登录，请先登录后发表或查看评论

css/html命名规范

weixin_45785873的博客

05-26

3583

项目中文件名字 1.符号应用场景 2.一律使用小写英文字母，英文，禁止中文拼音 4.命名原则使团队成员可以看懂自己代码，也方便自己查找，修改 html文件的命名主页面 index.html 2.子页面下首页 home.html 我的 mine.html 关于我们 aboutus.html 信息反馈 feedback 产品 product 购物 shop 计数器 count 3.一级页面登录 login.html login.css login.js 注册 resign.html 用户管理

CSS命名与书写规范

W2279567793的博客

04-18

6151

命名与书写规范引入css的三种方式 1.内联样式，在HTML元素中使用"style" 属性。当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在标签中使用样式属性，样式属性可以是任何 CSS 属性。其作用范围是在当前标签内，使用较少 <body> <div style = "color:blue; font-size:15px">文章</div> <p>我是第一段文章内容</p> <p>我是第二段文章内容&

CSS编程规范

怒放的生命的博客

11-14

1198

CSS编程规范

前端：HTML、CSS、JavaScript 代码注释 / 注释与代码规范

snowball的博客

06-25

4259

HTML注释是在HTML代码中添加说明和解释的一种方法，这些注释不会被浏览器渲染或显示在页面上，而是被浏览器忽略。使用单行注释或多行注释：对于较短的注释，可以使用单行注释；对于较长的注释或需要跨越多行的注释，应使用多行注释。使用有意义的注释：确保注释提供了有价值的信息，而不是简单的“TODO”或“此处需要修改”。结束来标记多行注释。位于被注释的代码附近：通常，注释应位于被注释的代码之前或之上，以便于阅读和理解。位于被注释的代码之前：通常，注释应位于被注释的代码之前，以便于阅读和理解。

CSS——PostCSS简介

mantou_riji的博客

02-27

1772

PostCSS不是像Sass或Less一样的样式处理器，他没有自定义的语法和语义，它实际上不是一种语言，而是一种CSS语法转换的工具。PostCSS与CSS一起使用，任何有效的CSS都可以由PostCSS处理。PostCSS是CSS语法转换的工具，允许自定义CSS的语法，这些语法可以被插件理解和转换。在 CSS 中查找某些内容（例如，will-change 属性）。更改找到的元素（例如，在 will-change 之前插入 transform: translateZ(0) 作为旧浏览器的填充）。

前端开发中的CSS命名规范及BEM实践

官方推荐

09-08

4627

前端开发中的CSS命名规范及BEM实践

CSS-BEM命名规范

qq_35469342的博客

09-30

1594

CSS-BEM命名规范，让维护css不在头疼相信大部分前端工作人员都不太喜欢写CSS，更不要说修改别人的CSS的样式了。本文将简单介绍CSS-BEM使用规范,让自己/他人维护起CSS不在头疼。前言 BEM（块、元素、修饰符）是一种基于组件的 Web 开发方法。其背后的想法是将用户界面划分为独立的块。这使得即使使用复杂的 UI 也能轻松快速地进行界面开发，并且允许重用现有代码而无需复制和粘贴。该笔记将围绕BEM核心模块,块（block）、元素（element）、修饰符（modifier)进行简述。贴

CSS 样式书写顺序及规范

WangMin@汪末末

10-12

3533

作者:WangMin 格言:努力做好自己喜欢的每一件事 CSDN原创文章博客地址 ???? WangMin 在项目中，大部分前端程序员都没有按照良好的CSS书写规范来写CSS代码，每次写css样式都是用到什么就在样式表后添加什么，完全没有考虑到样式属性的书写顺序对网页加载代码的影响。后来逐渐才知道正确的样式顺序不仅易于查看，并且也属于css样式优化的一种方式。下面就开始学习吧！！各种类型属性的书写顺序及作用书写顺序优先级第一定位属性：position display float left

【转载】谷歌 HTML/CSS 规范

FungLeo's Blog

01-05

2293

【转载】谷歌 HTML/CSS 规范背景这篇文章定义了 HTML 和 CSS 的格式和代码规范，旨在提高代码质量和协作效率。通用样式规范协议省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:），除非文件在两种协议下都不可用。这种方案称为 protocol-relative URL，好处是无论你是使用 HTTPS 还是 HTTP 访问页面，浏览器都会以相同的协议请求页面

CSS代码规范与命名规范

04-18

CSS规范常见问题的解决方法

Reseter.css-未来派CSS重置/规范化器-JavaScript开发

05-26

Reseter.css CSS重置/规范化器Reseter.css是网站的很棒CSS重置。对于任何网页设计师来说，这都是一个很好的工具。 Reseter.css通过浏览器重置所有预制样式。它规范化了浏览器的样式表，以提供更好的跨浏览器体验。...

layui 是一套开源的 Web UI 解决方案,其内部采用的是自身经典的模块化规范,并遵循原生 HTML/CSS/JS 的开发

08-07

layui，作为一套全面的开源Web UI解决方案，以其独特的模块化规范和原生HTML/CSS/JS的开发方式，为开发者提供了高效、易用且功能丰富的工具。本文将深入探讨layui的核心特性、模块化规范、HTML/CSS/JS的集成以及在...

《CSS新世界》书评

zhangxueyi的专栏

09-13

250

这本书是“CSS世界三部曲”中的最后一部，全书近600页，内容丰富，涵盖了CSS的全局知识、已有属性的增强、新布局方式、移动开发中的CSS新特性、CSS变量、文本和图像内容的增强、滤镜和混合模式、用户行为相关CSS等多个方面。《CSS新世界》的主要目标是帮助前端开发者突破CSS技能提升的瓶颈，适合具有一定CSS基础的前端开发者阅读。总的来说，《CSS新世界》是一本全面、深入且实用的CSS学习书籍，无论是对于想要深入了解CSS新特性的前端开发者，还是对于希望提升自己CSS技能的读者，都是一本值得一读的好书。

LCSS—最长回文子序列

qq_58023907的博客

09-13

598

关于”回文串“的问题，是面试中常见的，本文提升难度，讲一讲”最长回文子序列“问题，题目很好理解：输入一个字符串 s，请找出 s 中的最长回文子序列长度。比如输入 s="aecda"，算法返回3，因为最长回文子序列是 "aca"，长度是3。。一定要记住这个定义才能理解算法。为什么这个问题要这样定义二维的 dp 数组呢？，这样定义容易归纳，容易发现状态转移关系。

Layout 布局组件快速搭建