Loading

摘要: 盒模型 一、盒模型概念 广义盒模型:文档中所有功能性及内容性标签,及文档中所有显示性标签 侠义盒模型:文档中以块级形式存在的标签(块级标签拥有盒模型100%特性且最常用) 盒模型组成:margin + border + padding + content v_hint:content = width 阅读全文
posted @ 2018-09-20 18:29 it227 阅读(131) 评论(0) 推荐(0) 编辑
摘要: CSS选择器 一、基础选择器 1、通配选择器 2、标签选择器 3、类选择器 4、id选择器 二、基础选择器优先级 基础选择器优先级大致与选择器匹配范围成反比,匹配范围越小,优先级越高 基础选择器优先级大致与选择器匹配精度成正比,匹配精度越高,优先级越高 基础选择器优先级:id选择器 类选择器 标签选 阅读全文
posted @ 2018-09-20 18:28 it227 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 常用样式 1、字体样式 font family:字体族科,多值用于备用,以,隔开 font size:字体大小 font style: 字体风格 normal \| italic \| oblique font weight:字体重量 normal \| bold \| lighter \| 100 阅读全文
posted @ 2018-09-20 18:20 it227 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 样式与长度颜色 1、基本样式 2、长度 px:像素(pixel),屏幕上显示的最小单位,用于网页设计,直观方便 mm:毫米 cm:厘米 in:英寸 pt:点(point),一个标准的长度单位,1pt=1/72in,用于印刷业,非常简单易用; em:相当长度,通常1em=16px,应用于流式布局 3、 阅读全文
posted @ 2018-09-20 18:18 it227 阅读(178) 评论(0) 推荐(0) 编辑
摘要: CSS三种引入方式 一、三种方式的书写规范 1、行间式 2、内联式 3、外联式 二、三种方式间的"优先级" 与样式表的解析顺序有关 v_test:掌握三种CSS引入方式方式 阅读全文
posted @ 2018-09-20 18:06 it227 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 标签分类 1、单|双标签 单标签:单标签在自身标签标识结束,主要应用场景为功能性标签 双标签:双标签有成对的结束标识,主要应用场景为内容性标签 2、行|块标签 行标签:又名内联标签,内联标签自身不具备宽高,通常同行显示 块标签:又名块级标签,块标签拥有自身宽高,通常独自占据一行 4、单一|组合标签 阅读全文
posted @ 2018-09-20 17:32 it227 阅读(168) 评论(0) 推荐(0) 编辑
摘要: html常用标签 1、无语义标签 2、常用语义标签 3、文本标签 4、其他标签 test:熟悉常用标签 阅读全文
posted @ 2018-09-20 17:31 it227 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 第一个页面 一、基础模板 二、模板解读 DOCTYPE:指定文档类型,规定html标签语法 html:文档根标签,标注着文档(页面)的开始与结束 head:文档头标签,可以引用脚本文件、指定样式表、书写代码逻辑块、提供元信息 body:文档主体标签,包含文档所有文本与超文本内容 title:文档ta 阅读全文
posted @ 2018-09-20 17:30 it227 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 前端三剑客 一、HTML 1、标记语言 2、html为前端页面的主题,由标签、指令与转义字符(实体)等组成 hint: "转义字符" 3、html发展史代表版本 4、文档类型 二、CSS 1、标记语言 2、css为前端页面的样式,有选择器、作用域、样式块组成 3、css发展史代表版本 三、JavaS 阅读全文
posted @ 2018-09-20 17:27 it227 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 前端 一、什么是前端 ​ 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。 ​ 前端技术一般分为前端设计和前端开发,前端设计一般可 阅读全文
posted @ 2018-09-20 17:24 it227 阅读(169) 评论(0) 推荐(0) 编辑