Always_Love的博客

最近进入了手机页面的布局和搭建这方面的练习，对于布局这里还是收获颇丰。一、布局布局的时候要注意图层的优先级。好多界面有底部的菜单，对于这些头部和底部的菜单都用固定定位，并用z-index提高图层的优先级，达到预期的结果。其次要注意的是对图片和div这些元素的宽度定义，一般是选用根元素rem来作为单位定义的，而且用百分比来定义宽度的时候要考虑不同手机的分辨率不同，可能对自己分好的模块有...

一、弹性盒子及元素操作多列column-count:分列数column-gap:栏间距column-rule:分隔线弹性盒子父元素中添加display:flex; display:-webkit-flex;添加方向祖先元素添加:direction:ltr/rtl 排列方向父元素：flex-direction:row/row-reverse/column/column-re...

一、渐变色在网页设计的时候会用到渐变色，比如间隔线，或者是渐变透明图，那么具体是怎么用呢？首先，渐变色在HTML中的编译语句是：background:linear-gradient(180deg,rgba(255,255,255,0),white 50%,white) ;上面这语句意思是从上至下为透明向白色渐变，另外，间隔线为：background:linear-gradient(18...

在网页中会有一些样式需要用到固定定位，对于它的使用，我们来作以练习。一、介绍固定定位的标签语句为：position：fixed；和其他定位方法一样，都是需要先在父级元素进行相对定位，然后才能定位到想要定位的地方。配合使用图层级数来使定位显示的效果更好，图层级数：z-index：n；还有一些小技巧：溢出省略号：overflow:hidden;text-overflow:eclipse...

一、标签及指令《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...

一、css 层叠样式表样式表的引用方式：1、行内样式表2、页面内样式 3、外部样式表 优先级：行内>页面内>外部样式表**************************************************、color:red; //字体颜色：红色text-align:center; //文本居中 left/center/right/...