摘要: 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)
摘要: 属性选择器 CSS 属性选择器通过已经存在的属性名或属性值匹配元素。 有点结合正则表达式的样子 存否和值选择器 这些选择器允许基于一个元素自身是否存在(例如href)或者基于各式不同的按属性值的匹配,来选取元素。 选择器 示例 描述 [*attr*] a[title] 匹配带有一个名为attr的属性 阅读全文
posted @ 2021-08-23 14:26 Nadir-Echo 阅读(216) 评论(0) 推荐(0)