![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Always_Love
有些事,记得不如忘了好。
展开
-
手机页面的布局及搭建
最近进入了手机页面的布局和搭建这方面的练习,对于布局这里还是收获颇丰。一、布局布局的时候要注意图层的优先级。好多界面有底部的菜单,对于这些头部和底部的菜单都用固定定位,并用z-index提高图层的优先级,达到预期的结果。其次要注意的是对图片和div这些元素的宽度定义,一般是选用根元素rem来作为单位定义的,而且用百分比来定义宽度的时候要考虑不同手机的分辨率不同,可能对自己分好的模块有...原创 2019-11-27 16:55:42 · 558 阅读 · 0 评论 -
CSS3标签语句使用(1)
一、弹性盒子及元素操作多列column-count:分列数column-gap:栏间距column-rule:分隔线弹性盒子父元素中添加display:flex; display:-webkit-flex;添加方向祖先元素添加:direction:ltr/rtl 排列方向父元素:flex-direction:row/row-reverse/column/column-re...原创 2019-11-20 15:46:39 · 111 阅读 · 0 评论 -
渐变色及H5入门
一、渐变色在网页设计的时候会用到渐变色,比如间隔线,或者是渐变透明图,那么具体是怎么用呢?首先,渐变色在HTML中的编译语句是:background:linear-gradient(180deg,rgba(255,255,255,0),white 50%,white) ;上面这语句意思是从上至下为透明向白色渐变,另外,间隔线为:background:linear-gradient(18...原创 2019-11-13 18:02:15 · 1968 阅读 · 0 评论 -
固定定位的使用
在网页中会有一些样式需要用到固定定位,对于它的使用,我们来作以练习。一、介绍固定定位的标签语句为:position:fixed;和其他定位方法一样,都是需要先在父级元素进行相对定位,然后才能定位到想要定位的地方。配合使用图层级数来使定位显示的效果更好,图层级数:z-index:n;还有一些小技巧:溢出省略号:overflow:hidden;text-overflow:eclipse...原创 2019-11-06 19:05:40 · 2410 阅读 · 1 评论 -
网页布局标签《1》
一、标签及指令《1》颜色:red#f00rgb(255,0,0)rgba(255,0,0,0.5) 带透明度的色彩值opacity: 50%;透明度border-radius:圆角border-radius:值值:a 表示四角都为相同的圆角状态值:a b 表示 左上,右下都为a,右上,左下都为b值:a b c 表示左上为a 右上和左下为b 右下为c值:a b c d...原创 2019-10-31 14:05:02 · 852 阅读 · 0 评论 -
css基础实践
一、css 层叠样式表样式表的引用方式:1、行内样式表2、页面内样式 3、外部样式表 优先级:行内>页面内>外部样式表**************************************************、color:red; //字体颜色:红色text-align:center; //文本居中 left/center/right/...原创 2019-10-23 18:46:35 · 507 阅读 · 0 评论