【css重点冷点属性(一)】

1.文本首行缩进:text-index: ***;

2.focus伪类选择器:一般用于选取获得焦点得表单元素,一般针对于<input>标签作用

input:focus{***};

(这样我们就可以给获取到焦点的表单设置一些独特的效果了)

3.图片背景应用

(1).背景平铺:background-repeat: repeat / no-repeat / repeat-x / repeat-y;

                (平铺,不平铺,沿X轴平铺,沿Y轴平铺)

(2).背景图片位置:background-postion: x y;

                (x.y值可以是方位名词【例如:left】,可以是百分比,可以是数字)

(3).背景图像的固定:background-attachment: scroll(滚动) / fixed(固定);

(可玩度较高,一些新奇的想法利用背景图像的固定可以实现很多的效果)

  (4).背景颜色半透明的俩种方

        (a).background: rgba(0,0,0,0.5);

        (b).opacity: 0.5;

4.表格边框的合并:border-collapse: collapse;

5.利用盒子外边距使其水平居中:我们可以给到这个盒子模型一个margin: 0 auto;这时盒子的左后外边距就为auto,实现水平居中(当然还有很多方法【例如:利用transform搭配top.left值】)

6.实现行内元素和行内块元素水平居中

text-align: center;(在一些特殊形况下,我们也可以使用display变换元素的显示形式来实现元素水平居中【例如将div的显示模式改为:inline-block】,这样的话,使用text-align: center;就可以使其水平居中了)

7.去除<li>标签的小点

list-style:none;(那我们为什么要去除小点呢?因为在我们的实际开发中,导航栏都是利用ul>li>a来实现搭建的,所以list-style:none;用处真的非常大)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Try Tomato

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值