您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > CSS

CSS样式格式书写

时间:2022-07-06 09:46:27  来源:  作者:每心summer

1) 紧凑格式

text {color: red;font-size: 10rpx}

2) 展开格式

text {

color: red;

font-size: 10rpx

}

你喜欢哪种格式呢?提倡展开格式,更清晰

 

2. 样式大小写

小写 text {

color: red;

}

大写 TEXT{

COLOR: RED;

}

强烈推荐样式选择器,属性名,属性值关键字全部使用小写字母,特殊情况除外

3. 空格规范

text {

color: red;

}

1) 属性值前面,冒号后面,保留一个空格

2) 选择器(标签)和大括号中间保留空格

如果在编写时,没有注意,在微信小程序的wxss页面,右击空白处,选择格式化文档,可实现全页面的空格规范



Tags:CSS样式   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
一文读懂CSS样式,Django学前必会
CSS简介CSS(层叠样式表)是一种用于描述网页展示样式的语言。它可以与HTML结合使用,通过定义样式规则来控制网页的外观和布局。CSS的核心理念是分离样式和内容,使得开发者可以更...【详细内容】
2023-05-16  Search: CSS样式  点击:(492)  评论:(0)  加入收藏
网站实现哀悼变灰效果,一行css样式代码搞定
在发生重大哀悼事件时候,需要紧急将网站变灰以示哀悼,在此虫虫给大家总结了几种方法,通过简单修改一下站点样式即可实现。 修改源码另外主要方便快捷的方法是使用CSS样式的gray...【详细内容】
2022-12-01  Search: CSS样式  点击:(208)  评论:(0)  加入收藏
CSS样式格式书写
1) 紧凑格式text {color: red;font-size: 10rpx}2) 展开格式text {color: red;font-size: 10rpx}你喜欢哪种格式呢?提倡展开格式,更清晰 2. 样式大小写小写 text {color: red;...【详细内容】
2022-07-06  Search: CSS样式  点击:(630)  评论:(0)  加入收藏
CSS样式自定义滚动条
自定义滚动条的利弊 在编码之前,我觉得有必要先了解一下在网站或应用中使用自定义滚动条所带来的影响。好的方面在于它能让你的网站在无数使用默认滚动条的网站中脱颖而出,任...【详细内容】
2022-01-10  Search: CSS样式  点击:(314)  评论:(0)  加入收藏
CSS样式更改——字体设置Font&边框Border
这篇文章我们来谈谈字体设置Font&边框Border的基础用法。1.字体设置Font1).字体系列<div style=&#39;font-family: sans-serif normal&#39;></div>可用字体:SerifSans-serifM...【详细内容】
2020-09-07  Search: CSS样式  点击:(429)  评论:(0)  加入收藏
CSS样式更改——文本Content
上篇文章主要讲述了CSS样式更改中的背景Background,这篇文章我们来谈谈文本Content内容的基础用法 1)).首行缩进文本<div style=&#39;text-indent:2em&#39;></div> 可以设置...【详细内容】
2020-09-07  Search: CSS样式  点击:(344)  评论:(0)  加入收藏
标签ul与css样式实现菜单特效实例
在程序开发中,标签ul与css样式实现菜单,也是经常用到的技巧,这里给大家介绍2个实例:标签ul与css样式实现菜单特效实例1如下图所示:标签ul与css样式实现菜单特效实例1menu1.html网...【详细内容】
2019-11-22  Search: CSS样式  点击:(561)  评论:(0)  加入收藏
CSS样式定位
定位文档流文档流,是指盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位...【详细内容】
2019-09-16  Search: CSS样式  点击:(1017)  评论:(0)  加入收藏
▌简易百科推荐
12 个超级实用的 CSS 技巧
user-selectuser-select 属性可以用来控制用户是否能够选择文本。<div> <p>You can&#39;t select this text.</p></div><p>You can select this text.</p>CSS:div { width...【详细内容】
2023-12-19  前端充电宝  微信公众号  Tags:CSS   点击:(136)  评论:(0)  加入收藏
原生CSS嵌套使用,你学明白了吗?
如果你是一个前端开发人员,那么你应该使用过CSS预处理器以及预处理器中的嵌套特性。它一直是一个受欢迎的功能,我一直都在使用CSS预处理器。今年所有的主流浏览器都支持原生CS...【详细内容】
2023-12-06  南城大前端  微信公众号  Tags:CSS   点击:(186)  评论:(0)  加入收藏
CSS_Flex 那些鲜为人知的内幕
前言Flex想必大家都很熟悉,也是大家平时在进行页面布局的首选方案。(反正我是!)。不知道大家平时在遇到Flex布局属性问题时,是如何查阅并解决的。反正,我每次记不住哪些属性或...【详细内容】
2023-12-06  前端柒八九  微信公众号  Tags:CSS   点击:(142)  评论:(0)  加入收藏
CSS:这几个伪类,你用了吗
## :root 伪类:root 伪类是匹配文档的根元素,很多时候,根元素也就是 html 元素,用 root 伪类来匹配根元素,目的就是解决根元素不是 html 的场景,比如根元素是 svg 的时候。 root...【详细内容】
2023-11-30  读心悦  微信公众号  Tags:CSS   点击:(173)  评论:(0)  加入收藏
让你开发更舒适的 Tailwind 技巧
免费体验 Gpt4 plus 与 AI作图神器,我们出的钱 体验地址:体验使用 Tailwind CSS,我避免了在 React 项目中复制大量 CSS 文件的麻烦,使网页开发变得更加迅速高效。虽然 Tailwind...【详细内容】
2023-11-28  大迁世界  微信公众号  Tags:Tailwind   点击:(180)  评论:(0)  加入收藏
Display和Visibility的区别,你了解了吗?
采用CSS实现元素隐藏的方法有很多种,比如定位到屏幕之外、透明度变换等。而常见的两种方式是将元素设置为display:none或者visibility:hidden。元素样式设置为display:none当...【详细内容】
2023-11-27  读心悦  微信公众号  Tags:Display   点击:(176)  评论:(0)  加入收藏
新 CSS Math方法:Rem() 和 Mod()
CSS 添加了许多新的数学函数来补充旧有的函数(如 calc() 和最近的 clamp() )。这些函数最终都表示一个数值,但其工作原理的细微差别并不总是一开始就很清楚。本文介绍每个函数...【详细内容】
2023-11-23  大迁世界  微信公众号  Tags:CSS   点击:(258)  评论:(0)  加入收藏
CSS 新功能:让编码更高效
CSS 是一种不断发展的语言。每一次迭代,它都会变得越来越好。因此,了解最新的 CSS 功能非常重要,这样你才能在项目中使用它们,减少对第三方库的依赖。本文将介绍一些即将推出的...【详细内容】
2023-11-16  大迁世界  微信公众号  Tags:CSS   点击:(170)  评论:(0)  加入收藏
使用 CSS Grid 的响应式网页设计:消除媒体查询过载
前言你是否厌倦了在实现响应式网站时需要管理多个媒体查询?说再见复杂的代码,拥抱更简单的解决方案吧:CSS Grid。在这篇文章中,我们将踏上一场激动人心的 CSS Grid 之旅,发现它如...【详细内容】
2023-11-10  前端YUE  微信公众号  Tags:CSS   点击:(282)  评论:(0)  加入收藏
2024年了,别只使用React,需要学习一下Vue,不然没出路了
最近,我的朋友因为不熟悉 Vue.js 而未能通过面试。她平时工作中大部分时间都在使用React,所以也懒得去了解其他前端框架。世界上所有的前端框架我们都应该熟悉吗?不,这是极其不...【详细内容】
2023-11-08  web前端开发  微信公众号  Tags:Vue   点击:(302)  评论:(0)  加入收藏
站内最新
站内热门
站内头条