Day14,Day15,Day16

元素定位属性:

1:在CSS中,position属性用于定义元素的定位模式,其基本语法格式如下:

                                                                                                                           选择器:{position:属性值}

static:自动定位。

relative:相对定位。

absolute:绝对定位(用绝对定位在父盒子中的话要定义父盒子相对定位)


 

fixed:固定定位。(相当于浏览器窗口进行定位)

CSS背景:

background-img:url(bgimg.gif):(背景图的优先级高于背景色)。

background-attachment:fixed:


background合写顺序:背景颜色,背景图地址,平铺设置,背景图滚动,背景图位置。

语法:background:#00FF00 url(bgimg.gif) 

ie6/7 不支持inline-block 

CSS规避脱标:

标准流是很稳定的写法,尽量使用标准流,优先选择标准流,其次选择浮动,最后使用定位。

1:margin-left:auto(不用浮动块级元素也能右移)

2:vertical-align和inline-block的使用。

怎样让一个盒子和文字对齐?

1:可以使用浮动,也可以使用inline-block和vertical-align

i标签:

文字和图片对齐的方法:

display:inline-block

vertical-align:middle

margin-top:-8px(文字上移8px)。

CSS可见性:

overflow:hidden (隐藏超出的一部分)

display:none(不显示元素,同时也不占位置)

visibility:hidden(不显示元素,但是占位置)

CSS精灵技术:

工作原理:css精灵就是将网页中的一些背景图整合到一张大图中。


CSS滑动门技术:

ctrl+alt+n  快速新建文件

ctrl+alt+n+tab   新建文件存放位置


CSS圆角设置:

border-radius:5px


border-collapse:collapse  边框合并



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容