随笔分类 - HTML+CSS
摘要：[A] 移动端之viewpoint视口 在移动端viewpoint视口就是浏览器显示页面内容的屏幕区域。 在viewpoint中有两种视口，分别为visual viewpoint(可视视口)和layout viewpoint(布局视口)。 viewpoint固定大小跟屏幕大小相同，在上层；而layo
阅读全文
摘要：[A] flex弹性布局 flex弹性盒模型 2009年。W3C提出一种新的方案 flex布局，可以简便，完整，响应式的实现各种布局。 目前他已经得到了所有的浏览器的支持，这意味着，这项功能可以被安全使用 作用在flex容器上的属性 作用在flex子元素上的属性 flex-direction ord
阅读全文
摘要：[A] CSS Hack CSS Hack是用来解决浏览器的兼容性问题，为不同版本的浏览器定制编写不同的CSS效果，使用每个浏览器识别的样式代码，来控制浏览器的显示样式 Hack分类： 1. CSS属性前缀法 属性前缀法即在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀，已达到预期效
阅读全文
摘要：[A] 背景拓展 background-size: 设置背景图的尺寸大小 参数： a, b 用数字设置长和宽(px) contain 包含，即背景图以最大尺寸呈现在父元素中 cover 覆盖，即背景图的局部充满整个父元素 background-origin: 设置背景图的填充位置 参数： paddi
阅读全文
摘要：[A] 浏览器前缀 CSS去兼容不同的浏览器，这主要是这对于旧的浏览器做兼容，新的浏览器基本不需要添加前缀了 浏览器 内核 前缀 IE Trident -ms- Firefox Gecko -moz- Opera Preto -o- Chrome Webkit -webkit- Safari Web
阅读全文
摘要：[A] link 标签拓展 1. 引入外部 CSS 样式文件(前面已学过) <link rel = "stylesheet" type = "text/css" href = "theme.css"> 引入外部一个名叫 theme.css 的css文件 2. 给网页名添加一个小图标 <link re
阅读全文
摘要：[A] strong 和 b，em 和 i strong 和 em 都表示强调的标签，表现形态分别为文本加粗和斜体 em 和 i 同样表示文本加粗和斜体 区别在于： 1. strong 和 em 是具备语义化的，而 b 和 i 是不具备语义化的，意思是 b 和 i 只具备表现形态，而没有实际含义，s
阅读全文
摘要：[A] float属性 文档流的概念：文档流是指文档中可现实对象在排列时所占用的排列位置 如 块 默认为独占一行，上下排列；内联默认为左右排列 float特性：加浮动的元素，会脱离默认的文档流，，会沿着父容器靠左或者靠右排列，如果之前有浮动的元素，则会紧挨着浮动元素进行左右排列，当行满时会自动换行。
阅读全文
摘要：[A] 标签分类 按照类型划分： 1. block：div，p，ul，ol，hi...... 【特点】：1. 独占一行 2. 支持所有样式 3. 不写宽的时候，宽度跟父元素相同 4. 所有区域为一个矩形 2. inline：span，a，em，strong，img...... 【特点】：1. 不独占
阅读全文
摘要：[A] CSS样式的继承 【注】继承的含义：标签的样式属性会自动添加到其子类中去的现象叫做继承 文字相关的样式可以被继承 布局相关的样式不可被继承(默认不继承，但是可以通过 inherit 属性进行设置) <style> div{ border: solid red 3px; width: 200p
阅读全文
摘要：[A] CSS文字样式 font-family：文字类型 只针对英文起作用的字体：Arial, "Times New Roman"... 中英文均可识别的字体：微软雅黑，宋体... 衬线体与非衬线体 字体有衬线体与非衬线体之别，衬线体字体有棱有角，笔画粗细有变化；而非衬线体比较圆滑，笔画粗细相同 通
阅读全文
摘要：[A] div 标签和 span标签 div: 盒子标签，也叫块标签，将区域划分为一个块 span: 内联标签，用于对文本进行进行修饰 [B] CSS基础语法 格式{ 属性值1：值1；属性值2：值2；......} width: 宽度 height：高度 background_color：背景色 长
阅读全文
摘要：[A] 表单标签 <form action = "需要提交的网址">: 表单的最外层容器 <input>：input标签用于手机用户信息，根据不同的type属性值，展示不同的控件。 空间类型常用的七种： type属性 含义 text 普通文本输入框 password 密码输入框 checkbox 复
阅读全文
摘要：[A] 标题与段落 h标签：标题标签 <h1>标题名</h1> 最为重要，在一个.html文件中智能出现一次h1标签。 <h2>标题名</h2> 可以出现多个 。。。 <h6>标题名</h6> p标签：段落标签 <p>段落内容</p> 标签内的内容为一个段落。 [B] 文本修饰标签 <strong>
阅读全文
摘要：[A] HTML基本结构与属性 超文本标记语言(HyperText Markup Language)，标准通用语言下的一个应用，是网页制作必备的编程语言。 HTML：超文本 标记 语言 超文本：文本内容 + 非文本内容(图片，视频，音频等) 标记：即语法格式，<标签> 标记也叫标签，如<div></
阅读全文
摘要：说明： 所写系列内容为课程学习的笔记，全课程分为955集，共分为205个小时。 学习地址: https://www.bilibili.com/video/BV1gt4y1m7Eo [A] HTML+CSS课程分四部分： 1. 拨云见日 HTML CSS 切图流程 PC企业站的布局 PC游戏站的布局
阅读全文
