标签:css3 flex 样式 text 布局 background font
css3跟html5一样是css的最新版本,但也是很多年前了
css3更新了
- max/min-width/height 最大最小宽高
- border-radius 圆角
- background(image,size,repeat,position,Origin,clip) 背景,可以用图片作为背景
- Gradients 渐变
- text-shadow 字体阴影
- box-shadow 盒子阴影
- word-break 文本单词处理
- transform 2D效果,3D效果
- animation+@keyframes 动画效果
- flex 弹性布局
这个单独写一个文章
- grid 网格布局
这个还没能全普及
- white-space 文本空格处理
上面更新的这些内容
最常用的,最有用的就是圆角,文字切割,2D效果,flex布局,特别是background,transform2D和flex直接改变了css原来的布局方式,打开了新世界的大门
比如在transform2D出现之前,定位居中是left:50%,margin-left:负的元素本身宽度的一半px;
比如在background支持图片背景之前,背景图片全靠定位去做;
比如在flex之前,经典的浮动双飞翼布局 和 圣杯布局
可继承属性
- 字体系列属性:font-family,font-weight,font-size,font-style...
- 文本系列属性:text-indent,text-align,line-heigh,word-spacing,letter-spacing,text-transform, color
- 元素可见性:visibility
- 光标属性:cursor
标签:css3,flex,样式,text,布局,background,font 来源: https://www.cnblogs.com/pengdt/p/12037499.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。