12 2020 档案

圣杯、双飞翼布局、真假等高，图片优化，测试检查
摘要：多栏布局解决方案 圣杯布局 <style> * { padding: 0; margin: 0; } .center { width: 100%; height: 400px; background-color: gold; float: left; } .left { width: 200px; 阅读全文
posted @ 2020-12-27 20:51 majiancheng 阅读(79) 评论(0) 推荐(0)
浏览器常见兼容问题、cssHack
摘要：兼容 IE 浏览器常见兼容问题 兼容问题 ie中图片边框问题 图片放在a标签中 img { border:none } ie8以下浏览器中背景复合属性的写法问题 .bg { background:url("./images/bg.jpg")no-repeat center } //解决方案：在url 阅读全文
posted @ 2020-12-21 19:12 majiancheng 阅读(27) 评论(0) 推荐(0)
表单标签、文本溢出处理
摘要：表单 表单标签 注册和登录 目的：收集用户信息,能够输入内容 input标签 text 文本输入类型 <input type="text" name="username"> password 密码类型 <input type="password" name="password"> radio 单选按 阅读全文
posted @ 2020-12-17 21:06 majiancheng 阅读(43) 评论(0) 推荐(0)
web第7天
摘要：项目切图规范 PS常用工具 移动工具 移动工具主要负责图层、选区、等的移动、复制操作。 快捷键：v 抓手工具 快捷键：h 空格 + 鼠标左键拖动，空格键可临时转换为抓手工具。 放大镜工具 放大镜工具可以放大或缩小图像。 放大：点击放大工具，点击图像。Ctrl+ 加号。按住 alt+ 鼠标滚动滚轮。 阅读全文
posted @ 2020-12-16 19:23 majiancheng 阅读(64) 评论(0) 推荐(0)
web第6天
摘要：定位 定位的应用场景和基本原理 定位的原理 在本文流中 , 任何一个标签都被文本流所限制了自身的位置 , 但是通过 CSS 我们依然使得这些标签可以改变 自己的位置 , 我们可以通过 float 来让标签浮动 , 我们也可以通过 margin 来让标签产生位置移动。 CSS 定位属性，允许定义标签框 阅读全文
posted @ 2020-12-14 20:39 majiancheng 阅读(49) 评论(0) 推荐(0)
web第5天
摘要：浮动 浮动 什么是浮动？ 标签的浮动是指设置了浮动属性的标签会脱离标准流的控制，移动到其父标签的指定位置 浮动属性 float left right none 默认 浮动的作用 图文环绕 页面布局 浮动的问题 标签浮动以后，脱离的正常文档流，导致父标签无法被撑开，会影响后续正常布局 清浮动的几种方法 阅读全文
posted @ 2020-12-13 17:34 majiancheng 阅读(34) 评论(0) 推荐(0)
web第4天
摘要：max-width和min-width: 用来设置元素的最大宽度和最小宽度 max-height和min-height: 用来设置元素的最大高度和最小高度 圆角属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met 阅读全文
posted @ 2020-12-12 22:33 majiancheng 阅读(48) 评论(0) 推荐(0)
css盒模型、文本字体属性、基础选择器
摘要：盒模型 基础选择器 通配符选择器 * { width: 200px; height: 200px; background-color: yellow; } 标签选择器 div { width: 200px; height: 200px; background-color: yellow; } cla 阅读全文
posted @ 2020-12-11 07:34 majiancheng 阅读(110) 评论(0) 推荐(0)
web第2天
摘要：CSS基础 阅读全文
posted @ 2020-12-10 08:02 majiancheng 阅读(74) 评论(0) 推荐(0)
web第1天
摘要：HTML基础 阅读全文
posted @ 2020-12-09 08:38 majiancheng 阅读(61) 评论(0) 推荐(0)