08 2020 档案

CSS3 3D转换
摘要：CSS3中的3D转换与2D转换类似，只是在2D的x轴与y轴的基础上增加了z轴，同时增加了透视等属性。 在页面中，坐标系如下图所示 透视perspective 在2D平面上产生近大远小的视觉立体，但是其效果只是二维的。若想产生3D效果（3D投影到2D平面上）则需要利用透视属性，透视的单位是px，透视其 阅读全文
posted @ 2020-08-16 21:17 海物chinono 阅读(149) 评论(0) 推荐(0)
CSS3 2D转换
摘要：transform是CSS3中的特征之一，可以实现元素的位移、旋转、放缩等效果。 移动translate 可以改变元素在页面中的位置，有点类似定位。 transform:translate(x,y); /*元素向右移动100px，向下移动150px*/ transform:translate(100 阅读全文
posted @ 2020-08-15 16:23 海物chinono 阅读(75) 评论(0) 推荐(0)
CSS3 新添选择器
摘要：属性选择器 属性选择器可以元素特定属性来进行选择，这样就可以不借助于类选择器或id选择器 选择符 简述 E[att] 选择具有att属性的E元素 E[att="val"]orE[att=val] 选择具有att属性且属性值为val的E元素 E[att^="val"]orE[att^=val] 选择具 阅读全文
posted @ 2020-08-10 16:30 海物chinono 阅读(166) 评论(0) 推荐(0)
CSS 初始化
摘要：不同浏览器对有些标签的默认值是不同的，为了兼顾不同浏览器对HTML文本呈现的差异，照顾不同版本浏览器，我们需要对CSS进行初识化。例如: /* 标签内外边距清0 */ * { margin: 0; padding: 0; } /* 斜体文字不倾斜 */ em, i { font-style: nor 阅读全文
posted @ 2020-08-09 19:30 海物chinono 阅读(99) 评论(0) 推荐(0)
CSS 浮动
摘要：浮动可以理解为让某个行内元素脱离标准流，漂浮在标准流之上，和标准流不在一个层面上。float属性用于创建浮动框，将其移动至左边或右边，直到左边缘或右边缘触碰到包含块的另一个浮动框的边缘。 float:left|right|none; 浮动特性 浮动元素会脱离标准流 浮动的元素脱离了标准流的控制移动到 阅读全文
posted @ 2020-08-09 14:29 海物chinono 阅读(85) 评论(0) 推荐(0)
CSS 定位总结
摘要：CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。 元素显示模式 元素模式 元素模式 元素排列 设置样式 默认宽度 包含 块级元素 一行只能放一个块级元素 可以设置宽度&高度 容器的100% 任何标签 阅读全文
posted @ 2020-08-06 17:03 海物chinono 阅读(149) 评论(0) 推荐(0)
CSS概述（二）
摘要：CSS背景属性 设置背景颜色 background-color background-color 不能继承，其默认值是 transparent。 设置背景图像 background-image background-image 属性的默认值是 none，表示背景上没有放置任何图像。 如果需要设置一个 阅读全文
posted @ 2020-08-04 21:50 海物chinono 阅读(129) 评论(0) 推荐(0)