chucksun0426的博客

目录一、基本概念二、常用标签2.1 块级元素2.2 行内元素2.3 行内块元素2.4功能标签 一、基本概念 html：构成了网页的骨架，不同标签标识了不同的功能 css：基于标签进行特效渲染，产生静态的或简单的动态渲染效果 JavaScript：逻辑处理，让页面动起来，或者与后端服务器通信以跟用户互动 二、常用标签 2.1 块级元素 名称 功能 示例 标题标签 标题：有六级（1～6)，浏览器有默认加粗字体大小设置 <h1> 一级标题</h1> 段落标签 包段落

目录一、选择器 一、选择器 功能：选择出需要的标签，为样式调整做铺垫 效果图 代码（含字体属性） <template> <div id="head"> <div class="insider"> <h1>列表外h1</h1> <ul class="list"> <h1>列表内h1</h1> <li>测试列表</li

目录一、背景1.1 背景颜色1.2 背景图片1.2.1 常规1.2.2 平铺1.2.3 **定位（优势）**1.2.4 固定1.3 背景复合写法二、边框2.1 基础2.2 设置2.2.1 边框设置2.2.2 内外边距设置三、盒子阴影3.1 柔性边线3.2 刚性边线3.3 柔性扩散边线3.4 内边线四、定位4.1 种类4.2 相对定位4.3 绝对定位（被动常用）4.4 固定定位（常用）4.5 粘性定位五、书写顺序 一、背景 功能：背景，常用于定位图片来替换<img>标签 1.1 背景颜色 常规：

布局

目录一、2d转换2.1 基本应用2.2 综合应用二、动画 一、2d转换 特点：2d变换不脱标 2.1 基本应用 移动：transform: translate(50%, 50px);,50%相对于样式所在盒子的高度，X正方向：向右；Y正方向：向下 旋转：transform: rotate(30deg);，相对transform-origin旋转 缩放：transform: scale(0.5, 2);，相对transform-origin缩放，X向比例0.5，Y向比例2，可只写一个则双方向同 转换中心点：