css书写规范、行高

css书写规范：

空格规范：

选择器与花括号{之间必须包含空格，属性冒号：后面和属性值必须包含空格

 .text {font-size: 16px;}

选择器规范：

当有多个选择器同时出现时，每个选择器必须独占一行

 .box,.nav,.mainbox {background-color:lightblue;}

选择器嵌套层级规范：

选择器嵌套层级不大于3级。

属性规范：

定义每一个属性时应该另起一行。

 p {font-size: 16px;color: yellow;font-weight: bold;}

分号结尾规范：

属性定义完应该以分号结尾。

 p {font-size: 16px;}

行高line-height：

line-height:设置行高，一般行与行之间的距离设置比字体大小大7或者8个像素。

行高的测量：

行高的距离是基线与基线之间的距离。

行高 = 上距离 + 内容高度 + 下距离

★★行高等于盒子的高度时可以使单行文本垂直居中

 div {height: 100px;line-height:100px;background-color: yellow;}<div>垂直居中的文本</div>

提示：本文图片等素材来源于网络，若有侵权，请发邮件至邮箱：810665436@qq.com联系笔者删除。
笔者：苦海

css书写规范、行高相关推荐

css初识：样式的引用、css复合选择器、css书写规范、css背景
引入CSS样式表 CSS可以写到那个位置? 是不是一定写到html文件里面呢? 内部样式表内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下: ...
7. 前端基础--CSS背景和行高
文章目录 CSS背景和行高 1. CSS 背景(background) 1.1 背景颜色(color) 1.2 背景图片(image) 1.3 背景平铺(repeat) 1.4 背景位置(positi ...
来自Mozilla的CSS书写规范建议
一个来自Mozilla的CSS书写规范建议,希望对大家有帮助引用内容 //显示属性 display list-style position float clear //自身属性 width heig ...
推荐大家使用的CSS书写规范、顺序
推荐大家使用的CSS书写规范.顺序 CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, ...
（转）CSS书写规范、顺序
原文地址写了这么久的Css,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里总结一个CSS书写规范.CSS书写顺序供大家参考,这些是参考了国外一些文章以及 ...
HTML5自动换行的间距设置,div css p段落行高行距怎么设置篇
如何使用div+css样式设置p段落之间的上下间距,需要设置哪些样式来控制之间行距距离呢?css行高怎么写等问题,让大家彻底掌握div css p行距行高样式. DIVCSS5为大家介绍如何通过CS ...
关于css中line-height(行高)设置无效的问题
关于css中line-height(行高)设置无效的问题我们先写下这一串代码: <!DOCTYPE html> <html lang="en"> < ...
css设置1.5倍行高,CSS怎么控制行高？
CSS怎么控制行高? css中,调整每行文字字体间距(行距)是使用line-height属性. ● line-height 属性设置行间的距离(行高). 注:不允许使用负值. 要实现上下换行文字行间距 ...
html行高设置失效,科技常识：关于css中line-height(行高)设置无效的问题的解决方法...
今天小编跟大家讲解下有关关于css中line-height(行高)设置无效的问题的解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关关于css中line-height(行高)设置无效 ...

css书写规范、行高

css书写规范、行高相关推荐

最新文章

热门文章