1.自动定义居中: margin:0 auto; 0指上下 auto指左右
2.border的默认属性: border: 3px none 黑色 是3px的原因是因为为了配合double样式 为了成双线最低3px的像素,这个黑色会受到color属性的影响
3. 图片和文字对齐: vertical-align:middle;
4.透明度问题:rgba(, , ,) 表示red green blue 透明度 前面三个值的范围是0到255 后面透明度0是透明 0.5是半透明 1是完全不透明
5.css将元素转换块元素:display:block; 也有显示出一个div的作用(某些伪类的时候可以搭配使用)
6.移动图片可以用margin 有时候可以试一下text-align
7.position定位的时候relative 定义在那个父级上面 就相对于那个父级absolute定位 多个父级的时候采用就近原则
8.注意内联元素之间有行高
9.首行缩进:text-indent
10,text-align:center 是自适应式布局 还有display:inline-block 和inline block 有流特性
11.border: 1px solid #DBDBDB;可以改变按钮圆角改后的突出阴影问题
12.opcity:0 透明
1 不透明
13.transform:translatex(-50%)可以改变位置 平移元素自动测试长度后移动
本文介绍了CSS布局中的实用技巧,包括自动定义居中、border样式、图片与文字对齐、透明度设置、元素转换为块级元素等。同时,还探讨了position定位方式、内联元素之间的行高问题、首行缩进、自适应式布局及按钮样式调整等内容。
8612

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



