CSS-自适应、清除浮动、伪元素、calc()

宽高自适应
自适应:元素大小能够根据窗口或子元素自动调整
(1)宽度自适应:默认为auto
(2)高度自适应:默认值为auto
浮动元素的高度自适应

万能清除浮动发法:

选择符:after{
					content:" ";
					clear:both;
					display:block;
					width:0;
					height:0;
					visibility:hidden;
               }

伪元素

 1. :after和content一起使用,定义对象后面的内容
           如  div::after{
                content:url(logo.jpg);
                }
                div::after{
                content:" 文本内容 ";
                }
2. :bofore和content一起使用,定义对象后面的内容
           如  div::bofore{
                content:url(logo.jpg);
                }
                div::after{
                content:" 在其前放入内容 ";
                }
3.::first-letter  定义对象内部第一个字符样式
4.::first-line 定义对象内部第一行文本样式

calc()函数的使用
calc()用于动态计算长度值,运算符前后要加空格
calc(100% - 100px)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值