摘要:
1. CSS过渡 transition transition-timing-function: ease,linear,ease-in,ease-out,ease-in-out五种函数定义运动轨迹 或是通过 cubic-bezier自己预设运动轨迹 steps卡点变换动画 2. CSS变形 旋转:r 阅读全文
posted @ 2021-08-24 23:00
Nadir-Echo
阅读(61)
评论(0)
推荐(0)
摘要:
1. 网页布局 居中布局 整体居中方法 居于整个页面居中 单列布局 头部、内容、尾部 header、main、footer 两列布局 三列布局 浮动法、绝对定位法、margin负值法(应用最广) 双飞翼布局和圣杯布局 瀑布流布局 弹性盒布局 display:flex(弹性容器) flex-wrap 阅读全文
posted @ 2021-08-24 22:59
Nadir-Echo
阅读(112)
评论(0)
推荐(0)
摘要:
1. display属性 决定一个元素的显示角色 display:block display.inline display:none visibility (1)display:inline;转换为行内元素 (2)display:block;转换为块状元素 (3)display:inline-blo 阅读全文
posted @ 2021-08-24 22:58
Nadir-Echo
阅读(253)
评论(0)
推荐(0)
摘要:
1. 布局 1.1 float属性 清除浮动:clear属性 1.2 position属性(定位) position 可实现双列、三列布局 absolute 粘滞定位 positon:sticky 1.float float:浮动。float刚开始并不是为了用来网页布局,而是用来解决图文信息中图片与 阅读全文
posted @ 2021-08-24 22:58
Nadir-Echo
阅读(77)
评论(0)
推荐(0)
摘要:
1. box-sizing 设置元素的最小尺寸和最大尺寸 min-width和max-width 2. 溢出 CSS属性 overflow 定义当一个元素的内容太大而无法适应 块级格式化上下文 时候该做什么。它是 overflow-x 和overflow-y的 简写属性 。 overflow:vis 阅读全文
posted @ 2021-08-24 22:57
Nadir-Echo
阅读(89)
评论(0)
推荐(0)
摘要:
1. 轮廓 不属于元素尺寸的一部分,并不会影响页面的布局 最大的作用:用于交互 CSS 的 outline 属性是在一条声明中设置多个轮廓属性的简写属性 , 例如 outline-style, outline-width 和 outline-color。 outline: solid; outlin 阅读全文
posted @ 2021-08-24 22:57
Nadir-Echo
阅读(173)
评论(0)
推荐(0)
摘要:
1. 边框属性设计 <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal 阅读全文
posted @ 2021-08-24 22:56
Nadir-Echo
阅读(60)
评论(0)
推荐(0)
摘要:
1. padding 值 描述 auto 浏览器计算内边距。 length 规定以具体单位计的内边距值,比如像素、厘米等。默认值是 0px。 % 规定基于父元素的宽度的百分比的内边距。 inherit 规定应该从父元素继承内边距。 padding:10px 5px 15px 20px; 上内边距是 阅读全文
posted @ 2021-08-24 22:56
Nadir-Echo
阅读(304)
评论(0)
推荐(0)
摘要:
背景设计 CSS3支持rgb、hsl、hex、rgba、hsla 为body元素指定背景图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conte 阅读全文
posted @ 2021-08-24 22:55
Nadir-Echo
阅读(69)
评论(0)
推荐(0)

浙公网安备 33010602011771号