摘要：
CSS3简介 CSS3简介 CSS3是最新的CSS标准。 CSS3新增选择器 属性选择器 以box开头 <style> div[class^="box"] { background:red; } </style> <div class="box">box</div> <div class="abox 阅读全文
posted @ 2021-01-11 20:38
majiancheng
阅读(59)
评论(0)
推荐(0)
摘要：
HTML5基础 HTML5中新增的布局标签 html 1990 html4.0.1 1997 html5 2008 稳定版 2012年 新增的结构标签 （更加语义化） header标签 <header>这里是头部区</header> footer标签 <footer>这里是页脚区</footer> 阅读全文
posted @ 2021-01-08 21:01
majiancheng
阅读(110)
评论(0)
推荐(0)
摘要：
多栏布局解决方案 圣杯布局 <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)
摘要：
兼容 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
阅读(42)
评论(0)
推荐(0)
摘要：
项目切图规范 PS常用工具 移动工具 移动工具主要负责图层、选区、等的移动、复制操作。 快捷键：v 抓手工具 快捷键：h 空格 + 鼠标左键拖动，空格键可临时转换为抓手工具。 放大镜工具 放大镜工具可以放大或缩小图像。 放大：点击放大工具，点击图像。Ctrl+ 加号。按住 alt+ 鼠标滚动滚轮。 阅读全文
posted @ 2020-12-16 19:23
majiancheng
阅读(63)
评论(0)
推荐(0)
摘要：
定位 定位的应用场景和基本原理 定位的原理 在本文流中 , 任何一个标签都被文本流所限制了自身的位置 , 但是通过 CSS 我们依然使得这些标签可以改变 自己的位置 , 我们可以通过 float 来让标签浮动 , 我们也可以通过 margin 来让标签产生位置移动。 CSS 定位属性，允许定义标签框 阅读全文
posted @ 2020-12-14 20:39
majiancheng
阅读(48)
评论(0)
推荐(0)
摘要：
浮动 浮动 什么是浮动？ 标签的浮动是指设置了浮动属性的标签会脱离标准流的控制，移动到其父标签的指定位置 浮动属性 float left right none 默认 浮动的作用 图文环绕 页面布局 浮动的问题 标签浮动以后，脱离的正常文档流，导致父标签无法被撑开，会影响后续正常布局 清浮动的几种方法 阅读全文
posted @ 2020-12-13 17:34
majiancheng
阅读(34)
评论(0)
推荐(0)
摘要：
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)
摘要：
盒模型 基础选择器 通配符选择器 * { 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)
浙公网安备 33010602011771号