摘要：
flex布局 flex使用后部分行内和块级元素，均可设置宽高 div { display: flex; width: 400px; height: 400px; background-color: orange; } span { width: 100px; height: 50px; backgr 阅读全文
posted @ 2023-11-08 19:01
齐嘉树
阅读(50)
评论(0)
推荐(0)
摘要：
HTML5（最常用） 新增标签 语义化 <div class=“header”> </div> <div class=“nav”> </div> <div class=“content”> </div> <div class=“footer”> </div> header：头部 nav：导航 art 阅读全文
posted @ 2023-10-20 17:20
齐嘉树
阅读(31)
评论(0)
推荐(0)
摘要：
精灵图 为了减少服务器接收和发送请求的的次数 background-position 一般情况下，向上向左均是负的 background: url(images/icons.png) no-repeat -1103px -333px; 字体图标 展示为图标，本质为文字 结构样式简单的使用字体图标，复 阅读全文
posted @ 2023-10-20 17:07
齐嘉树
阅读(18)
评论(0)
推荐(0)
摘要：
定位 将盒子定在一固定位置 组成 定位模式+边偏移 定位模式 static-静态定位(标准流)（相当于无定位） relative-相对 absolute-绝对（脱标） fixed-固定（脱标） 相对定位 相对位置 position: relative; top: 100px; 相对自己的位置移动 阅读全文
posted @ 2023-10-18 16:24
齐嘉树
阅读(14)
评论(0)
推荐(0)
摘要：
去掉li前面的项目符号：list-style：none 圆角边框 border-radius: 12px;可以是px或百分比 若将正方形改为圆形，则：border-radius: 50%;或者将其设为宽度的一半。 盒子阴影 box-shadow: 8px 10px 10px 10px rgba(0, 阅读全文
posted @ 2023-10-17 16:13
齐嘉树
阅读(30)
评论(0)
推荐(0)
摘要：
Emmet语法 提高编写速度 HTML 生成标签：标签名+tab建 多个相同标签：div*3（生成3组） 父子关系：ul>li div>span 兄弟关系：div+p 有class或id的标签名：p.nav或p#nav 有顺序的类名：.demo$5 生成的标签内有内容：div{内容} CSS tex 阅读全文
posted @ 2023-10-13 18:48
齐嘉树
阅读(35)
评论(0)
推荐(0)
摘要：
CSS-标记语言 html-网页结构，css-样式 结构：选择器+声明 选择器为html中的标签 CSS代码风格 展开式+字母小写+冒号后保留空格+选择器和大括号间保留空格 基础选择器 标签选择器-HTML的标签名 类选择器 类选择器口诀：样式点定义，结构类class调用，一个或多个，开发最常用 不 阅读全文
posted @ 2023-10-10 11:22
齐嘉树
阅读(31)
评论(0)
推荐(0)
摘要：
表格标签-显示数据 基本组成：table、tr-行、td-单元格 没有列的概念 突出表头单元格th-加粗居中 表格属性—css 在table标签内 align left/center/right 元素对齐方式 border 1或"" 是否边框 cellpadding 像素值 单元格与其内容间的空白 阅读全文
posted @ 2023-10-09 19:39
齐嘉树
阅读(22)
评论(0)
推荐(0)
摘要：
HTML HTML:超文本标记语言 浏览器——谷歌 Web标准（W3C-标准化组织） 组成：结构 表现 行为 结构 网页元素 HTML 表现 外观 CSS 行为 交互 JS HTML语法规范 **<!--<html> </html>-->**——成对出现：开始标签和结束标签：尖括号包含关键词 <!- 阅读全文
posted @ 2023-10-08 15:50
齐嘉树
阅读(37)
评论(0)
推荐(0)
浙公网安备 33010602011771号