1、添加单、复选框
每一个单、复选按钮都应该嵌套进label元素中。
即:
<label>
<input type="radio" name="sex">男
<input type="radio" name="sex">女
</label>
所有关联的复选按钮应该具有相同的name属性。
2、使用负值设置页面元素的margin属性
元素的 margin 控制元素的 border 和元素实际所占空间的距离。如果你将一个元素的 margin 设置为负值,元素将会变大。
3、无论在 style 元素 CSS 的哪个位置进行声明,id 声明都会覆盖 class 声明。
通过内联样式覆盖class类的声明 例:<h1 style="color: green">
通过使用Important覆盖所有其他样式。很多情况下,你会使用 CSS 库,这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时,你可以使用 !important。 例:举例如下:color: pink !important;
每一个单、复选按钮都应该嵌套进label元素中。
即:
<label>
<input type="radio" name="sex">男
<input type="radio" name="sex">女
</label>
所有关联的复选按钮应该具有相同的name属性。
2、使用负值设置页面元素的margin属性
元素的 margin 控制元素的 border 和元素实际所占空间的距离。如果你将一个元素的 margin 设置为负值,元素将会变大。
3、无论在 style 元素 CSS 的哪个位置进行声明,id 声明都会覆盖 class 声明。
通过内联样式覆盖class类的声明 例:<h1 style="color: green">
通过使用Important覆盖所有其他样式。很多情况下,你会使用 CSS 库,这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时,你可以使用 !important。 例:举例如下:color: pink !important;
优先级:给元素属性值加上!important>内联样式>id声明样式>class声明样式
4、使用 6 位十六进制数字来表示颜色,每 2 位分别表示红色 (R)、绿色 (G) 和蓝色 (B) 成分。例如,#000000 是黑色,同时也是可能的数值中最小的。
0 是 hex code(十六进制编码)中最小的一个,它代表颜色的完全缺失。F 是 hex code(十六进制编码)中最大的一个,它代表最大可能的亮度。
Hex code 遵循 red-green-blue(红-绿-蓝)。hex code 中的前两位表示颜色中红色的数量,第三四位代表绿色的数量,第五六位代表蓝色的数量。
本文介绍了前端开发中的几个实用技巧,包括正确使用单选和复选框、如何利用负值设置元素的margin属性、理解CSS样式的优先级以及如何用十六进制数表示颜色。
1499

被折叠的 条评论
为什么被折叠?



