摘要:
整理自 https://github.com/boboweike/elasticsearch_complete_course ElasticSearch介绍: 分布式的搜索和分析引擎,简称ES (基于Lucene,JAVA开发的) 7.10前开源、7.11后对商业有使用限制 概念: 一个ES集群由若 阅读全文
摘要:
补充重要知识 目录补充重要知识防脱发神器颜色的alpha通道尺寸的百分比最大最小宽高什么时候使用绝对定位fixed和absolute的区别伪类选择器contenteditable属性table 元素 防脱发神器 一图胜千言 使用border-box控制尺寸更加直观,因此,很多网站都会加入下面的代码 阅读全文
摘要:
CSS进阶 @规则 at-rule: @规则、@语句、CSS语句、CSS指令 import @import "路径"; 导入另外一个css文件 charset @charset "utf-8"; 告诉浏览器该CSS文件,使用的字符编码集是utf-8,必须写到第一行 web字体和图标 web字体 用户 阅读全文
摘要:
HTML进阶 iframe元素 框架页 通常用于在网页中嵌入另一个页面 iframe 可替换元素 通常行盒 通常显示的内容取决于元素的属性 CSS不能完全控制其中的样式 具有行快盒的特点 在页面中使用flash object embed 它们都是可替换元素 MIME(Multipurpose Int 阅读全文
摘要:
更多的样式 透明度 opacity,它设置的是整个元素的透明,它的取值是0 ~ 1 在颜色位置设置alpha通道(rgba ) 鼠标 使用cursor设置 盒子隐藏 display:none,不生成盒子 visibility:hidden,生成盒子,只是从视觉上移除盒子,盒子仍然占据空间。 背景图 阅读全文
摘要:
更多的选择器 更多伪类选择器 first-child 选择第一个子元素 first-of-type,选中子元素中第一个指定类型的元素 last-child nth-child 选中指定的第几个子元素 even:关键字,等同于2n odd: 关键字,等同于2n+1 nth-of-type 选中指定的子 阅读全文
摘要:
定位 视觉格式化模型,大体上将页面中盒子的排列分为三种方式: 常规流 浮动:float 定位:position 定位:手动控制元素在包含块中的精准位置 涉及的CSS属性:position position属性 默认值:static,静态定位(不定位) relative:相对定位 absolute:绝 阅读全文
摘要:
浮动 视觉格式化模型,大体上将页面中盒子的排列分为三种方式: 常规流 浮动 定位 应用场景 文字环绕 横向排列 浮动的基本特点 修改float属性值为: left:左浮动,元素靠上靠左 right:右浮动,元素靠上靠右 默认值为none 当一个元素浮动后,元素必定为块盒(更改display属性为bl 阅读全文
摘要:
常规流 盒模型:规定单个盒子的规则 视觉格式化模型(布局规则):页面中的多个盒子排列规则 视觉格式化模型,大体上将页面中盒子的排列分为三种方式: 常规流 浮动 定位 常规流布局 常规流、文档流、普通文档流、常规文档流 所有元素,默认情况下,都属于常规流布局 总体规则:块盒独占一行,行盒水平依次排列 阅读全文
摘要:
行盒的盒模型 常见的行盒:包含具体内容的元素 span、strong、em、i、img、video、audio 显著特点 盒子沿着内容沿伸 行盒不能设置宽高 调整行盒的宽高,应该使用字体大小、行高、字体类型,间接调整。 内边距(填充区) 水平方向有效,垂直方向不会实际占据空间。 边框 水平方向有效, 阅读全文
摘要:
盒模型应用 改变宽高范围 默认情况下,width 和 height 设置的是内容盒宽高。 页面重构师:将psd文件(设计稿)制作为静态页面 衡量设计稿尺寸的时候,往往使用的是边框盒,但设置width和height,则设置的是内容盒 精确计算 CSS3:box-sizing 改变背景覆盖范围 默认情况 阅读全文