01 2021 档案

HTML5中新增的布局标签 新增表单元素 校验数字的表达式 校验字符的表达式
摘要：HTML5基础 HTML5中新增的布局标签 html 1990 html4.0.1 1997 html5 2008 稳定版 2012年 新增的结构标签 （更加语义化） header标签 <header>这里是头部区</header> footer标签 <footer>这里是页脚区</footer> 阅读全文
posted @ 2021-01-09 17:08 whispers-zhao 阅读(33) 评论(0) 推荐(0)
IE 浏览器常见兼容问题 CSS Hack
摘要：兼容 IE 浏览器常见兼容问题 兼容问题 ie中图片边框问题 图片放在a标签中 img { border:none} ie8以下浏览器中背景复合属性的写法问题 .bg { background:url("./images/bg.jpg")no-repeat center} //解决方案：在url和n 阅读全文
posted @ 2021-01-09 17:03 whispers-zhao 阅读(51) 评论(0) 推荐(0)
表单标签 常用的表单属性 文本溢出处理
摘要：表单 表单标签 注册和登录 目的：收集用户信息,能够输入内容 input标签 text 文本输入类型 <input type="text" name="username"> password 密码类型 <input type="password" name="password"> radio 单选按 阅读全文
posted @ 2021-01-09 17:01 whispers-zhao 阅读(167) 评论(0) 推荐(0)
项目切图规范 css精灵图 css小箭头代码 BFC (Block Formatting Context) 块级格式化上下文
摘要：项目切图规范 PS常用工具 移动工具 移动工具主要负责图层、选区、等的移动、复制操作。 快捷键：v 抓手工具 快捷键：h 空格 + 鼠标左键拖动，空格键可临时转换为抓手工具。 放大镜工具 放大镜工具可以放大或缩小图像。 放大：点击放大工具，点击图像。Ctrl+ 加号。按住 alt+ 鼠标滚动滚轮。 阅读全文
posted @ 2021-01-09 16:58 whispers-zhao 阅读(117) 评论(0) 推荐(0)
定位的应用场景和基本原理 定位的技巧与层级关系 常见属性
摘要：定位 定位的应用场景和基本原理 定位的原理 在本文流中 , 任何一个标签都被文本流所限制了自身的位置 , 但是通过 CSS 我们依然使得这些标签可以改变 自己的位置 , 我们可以通过 float 来让标签浮动 , 我们也可以通过 margin 来让标签产生位置移动。 CSS 定位属性，允许定义标签框 阅读全文
posted @ 2021-01-09 16:45 whispers-zhao 阅读(435) 评论(0) 推荐(0)
浮动属性 浮动作用 浮动产生的问题 清浮动的方法
摘要：浮动 浮动 什么是浮动？ 标签的浮动是指设置了浮动属性的标签会脱离标准流的控制，移动到其父标签的指定位置 浮动属性 float left right none 默认 浮动的作用 图文环绕 页面布局 浮动的问题 标签浮动以后，脱离的正常文档流，导致父标签无法被撑开，会影响后续正常布局 清浮动的几种方法 阅读全文
posted @ 2021-01-09 16:42 whispers-zhao 阅读(113) 评论(0) 推荐(0)
圆角属性 背景属性 选择器进阶 css三大特性 标签显示特点与转换 盒子居中技巧
摘要：圆角属性 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2021-01-09 16:38 whispers-zhao 阅读(174) 评论(0) 推荐(0)
盒模型 基础选择器 文本字体属性 外边距塌陷问题及解决 css长度单位和颜色表示
摘要：盒模型 基础选择器 通配符选择器 * { width: 200px; height: 200px; } 标签选择器 div { width: 200px; height: 200px; } class选择器 .box { } 可以包含多个类选择器，用空格分开 id选择器 #div1 { font-s 阅读全文
posted @ 2021-01-09 16:30 whispers-zhao 阅读(283) 评论(0) 推荐(0)
CSS简介 CSS引入方式 CSS语法 基础选择器
摘要：css简介 cascanding style sheets （层叠样式表）（级联样式表） 作用： 文本内容：文本大小，文本颜色，对齐方式。。。。 标签的样式 ： 背景色，边框宽度颜色 页面的布局 ： 浮动，定位 css引入方式 行内式 行内式只作用于当前标签 <div style="width: 2 阅读全文
posted @ 2021-01-09 16:13 whispers-zhao 阅读(46) 评论(0) 推荐(0)
CSS基础 HTML列表 HTML表格
摘要：CSS基础 链接 a标签 自带属性： href: 链接的路径 target: _self 在当前页跳转，默认就是 _blank 在新页面跳转 设置所有链接默认在新页面打开 <base target="_blank"> 头部设置 局部链接 <!-- 空链接, 加#站位 --> <a href="#"> 阅读全文
posted @ 2021-01-09 16:11 whispers-zhao 阅读(60) 评论(0) 推荐(0)
html常用标签
摘要：常用标签 常用块级标签及特点 div 最常用的块级标签 网页应用场景 p 段落标签 h1-h6 标题标签 特点：垂直上下排列，独立成行 常用内联标签及特点(行内标签) span 常用的行内标签，用户图标 strong b 加粗 em i 斜体 sub 定义下标字 sup 定义上标字 del s(基本 阅读全文
posted @ 2021-01-04 10:00 whispers-zhao 阅读(28) 评论(0) 推荐(0)