随笔分类 -  HTML

字体图标 盒子阴影
摘要：字体图标 盒子阴影 阅读全文
posted @ 2018-09-28 22:56 大张哥 阅读(288) 评论(0) 推荐(0)
表格 音频视频 形变 浏览器适配 垂直居中
摘要：表格 表单 常用类型标签 音频视频 音频 属性 视频 属性 形变 浏览器适配 阅读全文
posted @ 2018-09-28 22:50 大张哥 阅读(253) 评论(0) 推荐(0)
表格 音频视频 形变 浏览器适配 垂直居中 代码示例
摘要：表格 垂直居中 表单 音频 视频 形变 浏览器适配 阅读全文
posted @ 2018-09-28 22:40 大张哥 阅读(267) 评论(0) 推荐(0)
flex布局 响应式布局 过渡 动画
摘要：Z-index Flex布局 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 基本概念 采用Flex布局的元素，称为Flex容器（flex container） 阅读全文
posted @ 2018-09-27 19:53 大张哥 阅读(5380) 评论(0) 推荐(0)
浮动布局 流式布局 定位布局
摘要：高级布局 一、文档流（normal flow） 1、概念 v_hint：本质不存在文档流概念，当一个错误的概念被绝大数人认为是对的，那么它就是对的 2、BFC（Block formatting context） 3、BFC规则 二、浮动布局 1、解决的经典案例 2、基本语法 3、浮动布局问题 在不做 阅读全文
posted @ 2018-09-26 21:45 大张哥 阅读(635) 评论(0) 推荐(0)
浮动布局 流式布局 定位布局 html代码示例
摘要：文档流 document flow=> normal flow 本质：普通流/常规流 流：水流 河流... => 自上而下（连续的，连续的 文档：页面主体 文档流：一个连续具有上下逻辑的页面整体 理解：出现在页面中的显示内容，均可以理解为在文档流中（片面的） 概念：将窗体自上而下分成一行一行，块级元 阅读全文
posted @ 2018-09-26 21:44 大张哥 阅读(4381) 评论(0) 推荐(0)
盒模型布局
摘要：盒模型布局 1、盒模型布局基本介绍 布局方位：margin left、margin right、margin top、margin bottom 影响自身布局：margin left、margin top 影响兄弟布局：margin right、margin bottom 正向 / 反向：正值 / 阅读全文
posted @ 2018-09-21 21:37 大张哥 阅读(160) 评论(0) 推荐(0)
伪类选择器
摘要：伪类选择器 1、a标签四大伪类 :link：未访问状态 :hover：悬浮状态 :active：活跃状态 :visited：已访问状态 2、内容伪类 :before：内容之前 :after：内容之后 3、索引伪类 :nth child(n)：位置优先，再匹配类型 :nth of type(n)：类型 阅读全文
posted @ 2018-09-21 21:36 大张哥 阅读(122) 评论(0) 推荐(0)
a _ img _list 标签
摘要：标签a、img、list 一、a标签 1、常用用法 2、相对路径 3、常用属性 4、其他用法 mailto：邮件给... tel：电话给... sms：信息给... 5、a标签reset操作 6、锚点 7、鼠标样式 二、img标签 1、常用用法 2、常用属性 三、list列表 1、有序列表 2、无序 阅读全文
posted @ 2018-09-21 20:34 大张哥 阅读(328) 评论(0) 推荐(0)
盒模型
摘要：盒模型 一、盒模型概念 广义盒模型：文档中所有功能性及内容性标签，及文档中所有显示性标签 侠义盒模型：文档中以块级形式存在的标签（块级标签拥有盒模型100%特性且最常用） 盒模型组成：margin + border + padding + content v_hint：content = width 阅读全文
posted @ 2018-09-21 20:27 大张哥 阅读(161) 评论(0) 推荐(0)
组合选择器
摘要：组合选择器 特性：每个选择器可以为任意基本选择器或选择器组合 群组选择器 群组选择器用，隔开。每个选择器为均可以为任意合法选择器或选择器组合，可以控制多个 子代，后代选择器 1.一次性控制一个选择器（逻辑最后的那个选择器），前置位的选择器为修饰性选择器 2.每一个选择器位均可以为任意合法选择器或选择 阅读全文
posted @ 2018-09-21 20:26 大张哥 阅读(1035) 评论(0) 推荐(0)
CSS三种引入方式 常用样式 CSS选择器
摘要：CSS三种引入方式 三种引入方式分别是：行间式、内联式、外联式 行间式 行间式： ​ 1.在标签头部的style属性内 ​ 2.属性值满足的是css语法 ​ 3.属性值用key：value的形式赋值，value具有单位 ​ 4.属性值之间用；隔开 内联式 ​ 1.在style标签内（style标签一 阅读全文
posted @ 2018-09-20 20:41 大张哥 阅读(1090) 评论(0) 推荐(0)
前端三剑客 页面模板 HTML标签
摘要：前端 什么是前端 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript。 前端开发技术栈 HTML 超文本标记语言 负责完成 阅读全文
posted @ 2018-09-19 19:57 大张哥 阅读(318) 评论(0) 推荐(0)