随笔分类 -  css、css3

自定义滚动条样式
摘要:效果: 阅读全文
posted @ 2019-08-13 23:30 渐凸强、啊哈 阅读(107) 评论(0) 推荐(0)
3D、2D效果(转载)
摘要:2D转换 在本章您将了解2D变换方法: translate() rotate() scale() skew() matrix() https://blog.csdn.net/qq_24189933/article/details/79293870 Transform字面上就是变形,改变的意思。在CS 阅读全文
posted @ 2019-08-12 12:21 渐凸强、啊哈 阅读(378) 评论(0) 推荐(0)
css3教程
摘要:一些最重要CSS3模块如下: 选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 用户界面 将了解以下的边框属性: border-radius border-top-left-radius box-shadow border-image 不换行情况下,超出部分用点表示 效果 渐变色 阅读全文
posted @ 2019-08-12 11:48 渐凸强、啊哈 阅读(181) 评论(0) 推荐(0)
一个简单地响应式布局
摘要:移动端页面 平板电脑 电脑上 阅读全文
posted @ 2019-08-11 19:22 渐凸强、啊哈 阅读(116) 评论(0) 推荐(0)
float和absolute脱离文档流的区别
摘要:以上是绝对定位: p元素会忽视该元素的存在 效果 以上是浮动 虽然脱离了文档了但其他元素还是给其让出位置 效果如下 使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。 而对于使用absolute :position脱离文档流的元素,其他盒子与 阅读全文
posted @ 2019-08-11 19:06 渐凸强、啊哈 阅读(766) 评论(0) 推荐(0)
伪元素为什么要设置绝对定位
摘要:效果实现了,但是没理解为什么要设置绝对定位,高手们谁知道? /*使用伪元素制作导航列表项分隔线*/ .nav li:after{ content:""; width:1px; height:20px; position:absolute;/*为什么要设置绝对定位*/ top:15px; right: 阅读全文
posted @ 2019-08-10 19:31 渐凸强、啊哈 阅读(2057) 评论(0) 推荐(0)
教程4
摘要:CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。 Float(浮动),往往是用于图像,但它在布局时一样非常有用。 如果你把几个浮动的元素放到一起,如果有空间的话,它们将彼此相邻。 如果图像是右浮动,下面的文本流将环绕在它左边: 元素浮动之后,周围的元素会重新排列,为 阅读全文
posted @ 2019-08-10 16:38 渐凸强、啊哈 阅读(192) 评论(0) 推荐(0)
css教程2
摘要:定位: position 属性的五个值: static relative fixed absolute sticky static: 平常我们根本就用不到“position:static”,不过呢,如果有时候我们使用javascript来控制元素定位的时候,如果想要使得其他定位方式的元素变成静态定位 阅读全文
posted @ 2019-08-10 12:58 渐凸强、啊哈 阅读(133) 评论(0) 推荐(0)
css教程
摘要:边盒子模型 包括:边距,边框,填充,和实际内容 当您指定一个CSS元素的宽度和高度属性时,你只是设置内容区域的宽度和高度 注意 :IE5.X 和 6 在怪异模式中使用自己的非标准模型。这些浏览器的 width 属性不是内容的宽度,而是内容、内边距和边框的宽度的总和。 解决方案:不要给元素添加具有指定 阅读全文
posted @ 2019-08-10 12:17 渐凸强、啊哈 阅读(206) 评论(0) 推荐(0)
css基础
摘要:添加样式发噶发: 外部样式表(External style sheet) 内部样式表(Internal style sheet) 内联样式(Inline style) <link rel="stylesheet" type="text/css" href="mystyle.css"> 多重样式: 外 阅读全文
posted @ 2019-08-10 01:11 渐凸强、啊哈 阅读(151) 评论(0) 推荐(0)