css
歌歌的前端学习之路
菜鸡前端码农
展开
-
CSS:position定位
position定位一、position属性的作用position属性用来指定一个元素在网页上的位置,一共有5种定位方式,即position属性主要有五个值。取值:static,absolute,relative,fixed,sticky1. statis属性值static是position属性的默认值。如果省略position属性,浏览器就认为该元素是static定位【注】stati...原创 2019-11-22 17:14:08 · 219 阅读 · 0 评论 -
CSS3 : background-origin背景开始与background-clip背景裁剪与区别和使用
background-origin和background-clip同为CSS属性,并且同为banckgound-image服务。background-origin 背景原点background-origin代表的是背景图片开始的原点,其中三个属性值content-box表示以内容区的左上角为原点展开背景图片 padding-box表示以内填充区左上角为原点展开背景图片 ...原创 2018-07-30 21:36:33 · 634 阅读 · 0 评论 -
CSS : W3C标准盒子模型和IE盒子模型
在写html与css的过程中,我们可以将每一个元素看做一个盒子,对于普通的浏览器以及IE浏览器,有两套不同的解析盒子的方法,第一种是W3C标准盒子模型,第二种是IE盒子模型,下面重点介绍这两个盒子模型的区别。 1.如何区分 在CSS中有一个属性叫做box-sizing,对于标准的盒子模型,属性值为border-box,d对于IE来说叫做content-box。 2.内容区,盒子大小,...原创 2018-07-30 20:37:37 · 2753 阅读 · 0 评论 -
CSS3 : flex伸缩盒布局
Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。 <div class="outer"> <div class="inner"&原创 2018-07-31 22:50:14 · 339 阅读 · 0 评论 -
CSS3 : column属性
CSS3的column属性可以将一段文本或内容像报纸那样分栏显示,具体使用方法如下介绍。 1. column-count: 需要分割的列数,值为任意正整数-moz-column-count: 4;column-count: 4;<div> <h2>这是一段文本&l原创 2018-08-01 15:25:24 · 924 阅读 · 0 评论 -
CSS : flex布局实现每行固定div个数,并根据屏幕分辨率自适应布局
1.html代码<div class="parent"> <div class="child"></div> <div class="child"></div> <div class="child"></div>原创 2018-09-26 10:59:48 · 57743 阅读 · 3 评论