博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS一些最佳实践
阅读量:6226 次
发布时间:2019-06-21

本文共 601 字,大约阅读时间需要 2 分钟。

1.一个块元素宽度默认继承包含块的宽度,因此有时宽度可以省略

item
复制代码

2.当边框颜色和文字颜色一样时可省略边框颜色

3.当其他属性(如background,border)颜色和文字颜色一样时,可以使用currentColor关键字来继承文字的颜色

复制代码

4.当父元素样式和子元素的某个样式相同时,可以使用inherit来继承父元素样式

5.在某些情况下,父元素高度不是必须的,在默认情况下,父元素会自适应子元素的高度,但是如果子元素使用了浮动,则需要给父元素添加“overflow:hidden"或使用其他方法

复制代码

6.css伪元素可以减少对标签的使用

::before和::after用来将内容插入到元素的前面和后面,需要注意的是,大部分浏览器将这两个伪元素默认以行内元素的方式显示。

7.calc函数

注意运算符前后都需要保留一个空格

比如加了margin的图片列

复制代码

8.使用css选择器

下面举一些例子

(1)当父元素只有一个子元素时会被选中

123
复制代码

(2)当父元素有多个子元素时,选中第一个

11111
复制代码

或者

复制代码

比如当只有一个子元素时,可以让它居中显示,如果有多个子元素时,可以让它水平排列

转载地址:http://ptina.baihongyu.com/

你可能感兴趣的文章
DOM基础总结
查看>>
微信公众平台源码
查看>>
Struts2--HelloWord
查看>>
linux C学习笔记05--信号量与共享内存(进程同步)
查看>>
go-mysql,一个易用的mysql接口框架实现
查看>>
POJ3320 Jessica's Reading Problem【尺取法】
查看>>
201671010117 2016-2017-2《Java程序设计》第八周学习Java心得
查看>>
画廊视图(Gallery)的功能和用法
查看>>
自己动手编写一个VS插件(七)
查看>>
Android里面的Toast
查看>>
mysql双机热备的实现
查看>>
前加绩中国、信雅达高级全栈工程师:吴劲松
查看>>
-bash: pod: command not found 解决办法
查看>>
GCD hdu1695容斥原理
查看>>
Node.js:回调函数
查看>>
python 发送邮件 <QQ+腾讯企业邮箱>
查看>>
细数JDK里的设计模式
查看>>
Linux~上部署.net MVC出现的问题与解决
查看>>
DDD~充血模型和失血模型
查看>>
android DPI与分辨率的关系及计算方式
查看>>