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