css笔记(1)

本文介绍了CSS布局中的实用技巧,包括自动定义居中、border样式、图片与文字对齐、透明度设置、元素转换为块级元素等。同时,还探讨了position定位方式、内联元素之间的行高问题、首行缩进、自适应式布局及按钮样式调整等内容。

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%)可以改变位置  平移元素自动测试长度后移动

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值