随笔分类 -  CSS

上一页 1 2
CSS hack前传——背景图片全屏
摘要：滑动滚轮图片不变并且兼容ie和谷歌 谦行大神的博客 https://www.cnblogs.com/dolphinX/p/3292997.html 放上他的几个效果图 下面的评论有其他的解决方法，多看看了解下 例如: 还真是，一直不知道还有这个属性，太让人难为情了，都想删贴了，不过想想学到另一种解决 阅读全文
posted @ 2019-09-11 10:07 阿蒙不萌 阅读(182) 评论(0) 推荐(0)
使用border做三角形
摘要：网站上经常会使用一些三角形，除了图片的方式，实际上利用border我们可以做出纯CSS的三角形。我们知道border是个边抖可以单独设置，当四个边相交的时候他们是什么时候改变的？ 通过demo可以看到border的相交的地方在45deg平分，当元素的width、和height属性呗设置为0的时候 这 阅读全文
posted @ 2019-09-09 09:46 阿蒙不萌 阅读(1154) 评论(0) 推荐(0)
负边距在布局中的使用
摘要：负边距即margin属性的值设为负值，在CSS布局中时一个很有用的技巧。值为正的场景很常见，大家都很熟悉其表现 当margin-top、margin-left为负值的时候，会把元素上移、左移，同时文档流中的位置也发生相应变化,这点与position:relative的元素设置top、left后元素还 阅读全文
posted @ 2019-09-09 09:41 阿蒙不萌 阅读(282) 评论(0) 推荐(0)
CSS3之box-shadow--阴影外阴影与外发光
摘要：基础语法 外阴影：box-shadow:X Y Npx #color; 内阴影：box-shadow:inset X Y Npx #color; 第一个属性：阴影的X轴(可以使用负值) 第二个属性：阴影的Y轴(可以使用负值) 第三个属性：阴影的像素（大小） 第四个属性：阴影的颜色 内阴影：inset 阅读全文
posted @ 2019-09-06 11:24 阿蒙不萌 阅读(1921) 评论(0) 推荐(0)
css盒子布局,浮动布局以及显影与简单的动画
摘要：一.盒子布局 1.盒子布局的组成 margin border padding content 2.margin margin是外边距，控制盒子的显示位置相对于他的上一级 left、top控制自身，right、bottom影响兄弟 3.border 宽度:border-width 颜色:border- 阅读全文
posted @ 2019-08-31 16:01 阿蒙不萌 阅读(469) 评论(0) 推荐(0)
CSS定位和滚动条
摘要：一.绝对定位 position: absolute; position:fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。 二.相对定位 position: relative; 父级(最近的一个父级)相对定位的目的 1）不影响自身布局 2）辅助自己绝对定位布局 三默认定位 position: 阅读全文
posted @ 2019-08-31 15:32 阿蒙不萌 阅读(5433) 评论(0) 推荐(0)

上一页 1 2