舒大少博客

一个95后少年的个人博客

当前时间为:
欢迎大家来到舒大少博客http://admin.evshou.com,广告合作以及淘宝商家推广请微信联系15357240395
...
零基础学Python从入门到精通 python基础教程基础

【在售价】34.90 元
【在售价】34.90 元

立即领券
...
Python编程从入门到精通 视频教学 python语言程序设计

【在售价】29.80 元
【券后价】19.80元

立即领券
...
未来教育计算机二级ms office题库电子版c语言

【在售价】28.00 元
【在售价】28.00 元

立即领券
...
Python3视频零基础教程自学入门到精通编程语言程序设计网络爬虫

【在售价】62.00 元
【券后价】52.00元

立即领券
...
Python编程从入门到精通 零基础学python数据分析

【在售价】29.80 元
【券后价】19.80元

立即领券

web前端教程:HTML和CSS 3

2020-08-07 16:24:23
swq1822677238

手机扫码查看

web前端教程:HTML和CSS 3

HTML和CSS

定位position
该属性用于指定一个元素在文档中的定位方式。
top、right、bottom、left属性决定了该元素最终位置

position取值:
static(默认值),relative(相对定位),absolute(绝对定位)
fixed(固定定位),sticky(粘性定位)

relative:
如果没有定位偏移量,对元素本身没有任何影响
不使元素脱离文档流
不影响其他元素布局
top、right、bottom、left是相对于当前元素自身进行偏移的

absolute:
使元素脱离文档流
使内联元素支持宽高(让内联具备块特性)
使块元素默认宽根据内容决定(让内联具备块特性)
如果有定位祖先元素相对于定位祖先元素发生偏移,没有定位祖先元素相对于整个文档发生偏移(相对,绝对,固定)

fixed:
使元素脱离文档流
使内联元素支持宽高(让内联具备块特性)
使块元素默认宽根据内容决定(让内联具备块特性)
相对于整个浏览器窗口进行偏移,不受浏览器滚动条的影响

sticky:粘性定位(吸顶)
在指定的位置,进行粘性操作
div{position:sticky;top:0;}

定位层级z-index
默认层级为0,嵌套时候的层级

 

css添加省略号

width必须要一个宽度
white-space:nowrap不让内容折行
overflow:hidden隐藏溢出的内容
text-overflow:ellipsis添加省略号


css雪碧Sprite

特性:
css雪碧也叫图片精灵,是一种网页图片应用处理方式。允许将一个页面涉及到的所有零星图片都包含到一张大图中去加载

好处:
可以减少图片的质量,网页的图片加载速度快
减少图片的请求的次数,加快网页的打开


css圆角
border-radius

发表评论

邮箱地址不会被公开。 必填项已用*标注