摘要: flex布局 flex使用后部分行内和块级元素,均可设置宽高 div { display: flex; width: 400px; height: 400px; background-color: orange; } span { width: 100px; height: 50px; backgr 阅读全文
posted @ 2023-11-08 19:01 齐嘉树 阅读(20) 评论(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 齐嘉树 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 精灵图 为了减少服务器接收和发送请求的的次数 background-position 一般情况下,向上向左均是负的 background: url(images/icons.png) no-repeat -1103px -333px; 字体图标 展示为图标,本质为文字 结构样式简单的使用字体图标,复 阅读全文
posted @ 2023-10-20 17:07 齐嘉树 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 定位 将盒子定在一固定位置 组成 定位模式+边偏移 定位模式 static-静态定位(标准流)(相当于无定位) relative-相对 absolute-绝对(脱标) fixed-固定(脱标) 相对定位 相对位置 position: relative; ​ top: 100px; 相对自己的位置移动 阅读全文
posted @ 2023-10-18 16:24 齐嘉树 阅读(2) 评论(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 齐嘉树 阅读(6) 评论(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 齐嘉树 阅读(7) 评论(0) 推荐(0) 编辑
摘要: CSS-标记语言 html-网页结构,css-样式 结构:选择器+声明 选择器为html中的标签 CSS代码风格 展开式+字母小写+冒号后保留空格+选择器和大括号间保留空格 基础选择器 标签选择器-HTML的标签名 类选择器 类选择器口诀:样式点定义,结构类class调用,一个或多个,开发最常用 不 阅读全文
posted @ 2023-10-10 11:22 齐嘉树 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 表格标签-显示数据 基本组成:table、tr-行、td-单元格 没有列的概念 突出表头单元格th-加粗居中 表格属性—css 在table标签内 align left/center/right 元素对齐方式 border 1或"" 是否边框 cellpadding 像素值 单元格与其内容间的空白 阅读全文
posted @ 2023-10-09 19:39 齐嘉树 阅读(5) 评论(0) 推荐(0) 编辑
摘要: HTML HTML:超文本标记语言 浏览器——谷歌 Web标准(W3C-标准化组织) 组成:结构 表现 行为 结构 网页元素 HTML 表现 外观 CSS 行为 交互 JS HTML语法规范 **<!--<html> </html>-->**——成对出现:开始标签和结束标签:尖括号包含关键词 <!- 阅读全文
posted @ 2023-10-08 15:50 齐嘉树 阅读(26) 评论(0) 推荐(0) 编辑