摘要：
介绍 CSS3动画分为三种：过渡、变换、动画 分类 transition 作用：伪类被触发时，属性变换有过渡的时间 值： 属性 过渡时间 速度曲线 过渡延迟 属性：如width 、height、color、background-color（必选） 过渡时间：以秒为单位 （必选） 速度曲线：（非必选） 阅读全文
posted @ 2021-09-15 21:08
remix_alone
阅读(53)
评论(0)
推荐(0)
摘要：
介绍 HTML标签元素可以分为块元素和行内元素 分类 块元素 作用：独占一行，可以对其设置宽度、高度、对齐属性。 常用快元素： div、p、h1-h6、ul、li等 行内元素 作用：不独占一行，不能设置宽度、高度，对齐属性。 常用行内元素： span、a 属性 display 作用：让块元素和行内元 阅读全文
posted @ 2021-09-15 20:11
remix_alone
阅读(210)
评论(0)
推荐(0)
摘要：
介绍 相对定位 特点：元素移动时，占用原来的位置 position：relative 再通过 top：元素上边偏移 left： 元素左边偏移 right：元素右边偏移 bottom：元素下边偏移 绝对定位 特点：以实现定位的父元素进行定位。元素移动时，不在占用原来位置 position : abso 阅读全文
posted @ 2021-09-15 19:55
remix_alone
阅读(80)
评论(0)
推荐(0)
摘要：
介绍 盒子模型就是把每个HTML元素看作一个矩形盒子。每个矩形由：元素内容（content）、内填充（padding）、边框（border）、外边距（margin）组成 盒子模型如图所示 盒子的总宽度 = 内容宽度 + 左右填充 + 左右边框 + 左右外边距 盒子的总高度 = 内容高度 + 上下填充 阅读全文
posted @ 2021-09-15 18:58
remix_alone
阅读(142)
评论(0)
推荐(0)
摘要：
介绍 CSS3边框属性用于创造出效果出色的边框，可以用于应用任何元素 属性 border 作用：设置边框 值： 宽 样 色（border: 1px soild black ） border-方向 作用：设置不同方向上的边框 值： 宽 样 色 (border：1px soild black ) bor 阅读全文
posted @ 2021-09-15 18:56
remix_alone
阅读(93)
评论(0)
推荐(0)
摘要：
介绍 css通过背景属性控制背景的一些样式 属性 background-color 作用：设置HTML标签的背景色 值； yellow：设置背景色为黄色 background-img 作用：设置HTML标签的背景图片 值： url(图片相对地址) background-repeat 作用：设置背景图 阅读全文
posted @ 2021-09-15 18:40
remix_alone
阅读(115)
评论(0)
推荐(0)
摘要：
介绍 文本属性用于控制文字各种属性 属性 color 作用：设置文字颜色 值： red：设置为红色 yellow：设置为黄色 font-size 作用：设置字体大小 值： xxpx：设置字体为xxpx font-weight 作用：设置字体粗细 值： 默认400，可以设置100-700 blod：粗 阅读全文
posted @ 2021-09-15 18:26
remix_alone
阅读(132)
评论(0)
推荐(0)
摘要：
介绍 介绍CSS3的高级特性：继承、叠加、优先级 分类 继承 子标签会继承父标签的某些样式 如：文本的字体和色号 但是，如：边框属性、边距属性、背景属性、定位属性。这些不被继承。 叠加 同一个标签元素可以设计多个CSS样式，而HTML标签在页面上最终显示效果是多种CSS样式叠加结果 <div cla 阅读全文
posted @ 2021-09-15 18:09
remix_alone
阅读(192)
评论(0)
推荐(0)
摘要：
介绍 选择器用于找到HTML标签 分类 1. 标签选择器：用HTML标签名作选择器 使用 p { color : red; font-siez : 12px } 2. id选择器：用“#”作表示，后跟HTML标签id属性值。一张页面中的HTML标签的id值唯一。 <div id="mydiv"> H 阅读全文
posted @ 2021-09-15 17:49
remix_alone
阅读(66)
评论(0)
推荐(0)
摘要：
介绍 CSS即层叠样式表，在页面制作的时候采用CSS技术可以有效对页面的布局、字体、颜色、背景，甚至动画效果实现精确的控制 CSS样式规则 selector { property1 : value1 ; property2 : value2; } 使用 h1 { color : red; font- 阅读全文
posted @ 2021-09-15 17:22
remix_alone
阅读(45)
评论(0)
推荐(0)
摘要：
介绍 将标签变为项目，利用主轴和侧轴进行的布局 弹性布局菜鸟教程：https://www.runoob.com/w3cnote/flex-grammar.html 特点 flex布局分为容器和项目。给父盒子设置主轴方向让项目排列 弹性布局内项目不分块级元素和行内元素，都可设置大小，默认自适应（实际上 阅读全文
posted @ 2021-09-15 07:06
remix_alone
阅读(613)
评论(0)
推荐(0)
摘要：
HTML5 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link href="css/taobao2.css" rel="stylesheet" /> </head> <body> <div class= 阅读全文
posted @ 2021-09-15 06:33
remix_alone
阅读(49)
评论(0)
推荐(0)
摘要：
html5 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/mi2.css" /> </head> <body> <div class="ite 阅读全文
posted @ 2021-09-15 06:32
remix_alone
阅读(93)
评论(0)
推荐(0)
摘要：
1. 以小米商城为例 2. 以淘宝猜你喜欢为例 每行分析 每个元素都要定宽高。每个元素都要定宽高。每个元素都要定宽高。以此达到盒子的堆叠 除了，有的列表不需要高度（为了自适应）。具体到当个文本不许要宽度和高度 初始css配置 * { padding : 0px; margin : 0px; } ul 阅读全文
posted @ 2021-09-15 06:28
remix_alone
阅读(76)
评论(0)
推荐(0)
浙公网安备 33010602011771号