2018年9月28日
高级布局
摘要： 高级布局 一、文档流（normal flow） 1、概念 2、BFC（Block formatting context） 3、BFC规则 document flow => normal flow 本质:普通流/常规流 流:水流 河流 泥石流 => 自上而下(连续的),连续的 文档:页面主体 文档流: 阅读全文
posted @ 2018-09-28 20:49 长不胖的zhu 阅读(197) 评论(0) 推荐(0) 编辑
练习:W3C页面制作
摘要： .CSS: main.css reset.css top.css .HTML 阅读全文
posted @ 2018-09-28 20:29 长不胖的zhu 阅读(230) 评论(0) 推荐(0) 编辑
盒模型布局
摘要： 盒模型布局 1、盒模型布局基本介绍 布局方位：margin-left、margin-right、margin-top、margin-bottom 影响自身布局：margin-left、margin-top 影响兄弟布局：margin-right、margin-bottom 正向 / 反向：正值 / 阅读全文
posted @ 2018-09-28 20:24 长不胖的zhu 阅读(125) 评论(0) 推荐(0) 编辑
伪类选择器
摘要： 伪类选择器 1、a标签四大伪类 :link：未访问状态 :hover：悬浮状态 :active：活跃状态 :visited：已访问状态 :link：未访问状态 :hover：悬浮状态 :active：活跃状态 :visited：已访问状态 2、内容伪类 :before：内容之前 :after：内容之 阅读全文
posted @ 2018-09-28 20:07 长不胖的zhu 阅读(273) 评论(0) 推荐(0) 编辑
标签a,img,list.md
摘要： 标签a、img、list 一、a标签 1、常用用法 2、相对路径 3、常用属性 4、其他用法 mailto：邮件给... tel：电话给... sms：信息给... mailto：邮件给... tel：电话给... sms：信息给... 5、a标签reset操作 6、锚点 7、鼠标样式 二、img标 阅读全文
posted @ 2018-09-28 20:04 长不胖的zhu 阅读(258) 评论(0) 推荐(0) 编辑
盒模型之display和overflow(*****)
摘要： display: <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>display</title> <!-- 默认值 --> <style type="text/css"> /*块:1.独行显示 2.支持宽高 阅读全文
posted @ 2018-09-28 19:49 长不胖的zhu 阅读(306) 评论(0) 推荐(0) 编辑
盒模型
摘要： 盒模型 一、盒模型概念 广义盒模型：文档中所有功能性及内容性标签，及文档中所有显示性标签 侠义盒模型：文档中以块级形式存在的标签（块级标签拥有盒模型100%特性且最常用） 盒模型组成：margin + border + padding + content 广义盒模型：文档中所有功能性及内容性标签，及 阅读全文
posted @ 2018-09-28 19:29 长不胖的zhu 阅读(116) 评论(0) 推荐(0) 编辑
CSS选择器
摘要： CSS选择器 一、基础选择器 1、通配选择器 2、标签选择器 3、类选择器 4、id选择器 二、基础选择器优先级 基础选择器优先级大致与选择器匹配范围成反比，匹配范围越小，优先级越高 基础选择器优先级大致与选择器匹配精度成正比，匹配精度越高，优先级越高 基础选择器优先级：id选择器 > 类选择器 > 阅读全文
posted @ 2018-09-28 19:18 长不胖的zhu 阅读(126) 评论(0) 推荐(0) 编辑
常用样式
摘要： 常用样式 1、字体样式 font-family：字体族科，多值用于备用，以,隔开 font-family：字体族科，多值用于备用，以,隔开 font-size：字体大小 font-style： 字体风格 normal | italic | oblique font-weight：字体重量 norma 阅读全文
posted @ 2018-09-28 19:15 长不胖的zhu 阅读(143) 评论(0) 推荐(0) 编辑
样式与长度颜色
摘要： 样式与长度颜色 1、基本样式 2、长度 px：像素(pixel)，屏幕上显示的最小单位，用于网页设计，直观方便 mm：毫米 cm：厘米 in：英寸 pt：点(point)，一个标准的长度单位，1pt＝1/72in，用于印刷业，非常简单易用； em：相当长度，通常1em=16px，应用于流式布局 px 阅读全文
posted @ 2018-09-28 19:08 长不胖的zhu 阅读(131) 评论(0) 推荐(0) 编辑
CSS三种引入方式
摘要： CSS三种引入方式 一、三种方式的书写规范 1、行间式 2、内联式 3、外联式 二、三种方式间的"优先级" 与样式表的解析顺序有关 与样式表的解析顺序有关 笔记 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>三种引入方式</tit 阅读全文
posted @ 2018-09-28 19:06 长不胖的zhu 阅读(114) 评论(0) 推荐(0) 编辑
标签的分类
摘要： 标签分类 1、单|双标签 单标签：单标签在自身标签标识结束，主要应用场景为功能性标签 双标签：双标签有成对的结束标识，主要应用场景为内容性标签 单标签：单标签在自身标签标识结束，主要应用场景为功能性标签 双标签：双标签有成对的结束标识，主要应用场景为内容性标签 2、行|块标签 行标签：又名内联标签， 阅读全文
posted @ 2018-09-28 19:03 长不胖的zhu 阅读(1031) 评论(0) 推荐(0) 编辑
HTML常用标签
摘要： html常用标签 1、无语义标签 2、常用语义标签 3、文本标签 4、其他标签 笔记 <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>常用标签</title></head><body> <!-- 1.无语义 阅读全文
posted @ 2018-09-28 19:01 长不胖的zhu 阅读(187) 评论(0) 推荐(0) 编辑
页面模板
摘要： 第一个页面 一、基础模板 二、模板解读 DOCTYPE：指定文档类型，规定html标签语法 html：文档根标签，标注着文档(页面)的开始与结束 head：文档头标签，可以引用脚步文件、指定样式表、书写代码逻辑块、提供元信息 body：文档主体标签，包含文档所有文本与超文本内容 title：文档ta 阅读全文
posted @ 2018-09-28 18:58 长不胖的zhu 阅读(128) 评论(0) 推荐(0) 编辑
HTML,CSS,JaveScript
摘要： 一、HTML 1、标记语言 2、html为前端页面的主体，由标签、指令与转义字符（实体）等组成 3、html发展史代表版本 4、文档类型 二、CSS 1、标记语言 2、css为前端页面的样式，由选择器、作用域与样式块组成 3、css发展史代表版本 三、JavaScript 1、编程语言 2、js为前 阅读全文
posted @ 2018-09-28 18:55 长不胖的zhu 阅读(527) 评论(0) 推荐(0) 编辑
前段概述
摘要： 前端 一、什么是前端 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。 前端技术一般分为前端设计和前端开发，前端设计一般可以理解为 阅读全文
posted @ 2018-09-28 18:47 长不胖的zhu 阅读(725) 评论(0) 推荐(0) 编辑