![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
课程复习
一个柠檬
成为更好的自己
展开
-
HTML四大全局属性
id style title class原创 2018-06-29 19:45:33 · 1003 阅读 · 0 评论 -
color关键字
currentColor代表了当前元素被应用上的color颜色值。 使用它可以将当前这个颜色值应用到其他属性上,或者嵌套元素的其他属性上。 transparent 透明颜色...原创 2018-07-19 00:02:57 · 163 阅读 · 0 评论 -
CSS尺寸和字体单位-em、px还是%
在页面整体布局中,页面元素的尺寸大小(长度、宽度、内外边距等)和页面字体的大小也是重要的工作之一。一个合理设置,则会让页面看起来层次分明,重点鲜明,赏心悦目。反之,一个不友好的页面尺寸和字体大小设置,则会增加页面的复杂性,增加用户对页面理解的复杂性;甚至在当下访问终端(iPhone、iPad、PC、Android…)层出不穷的今天,适应各式各样的访问终端,将成为手中的一块“烫手的山芋”。所以在近几...转载 2018-07-18 23:25:55 · 320 阅读 · 0 评论 -
CSS尺寸和字体单位-em、px还是%
在CSS中,W3C文档把尺寸单位划为为两类:相对长度单位和绝对长度单位。然而相对长度单位按照不同的参考元素,又可以分为字体相对单位和视窗相对单位。字体相对单位有:em、ex、ch、rem;视窗相对单位则包含:vw、vh、vmin、vmax几种。绝对定位则是固定尺寸,它们采用的是物理度量单位:cm、mm、in、px、pt以及pc。 px:为像素单位。它是显示屏上显示的每一个小点,为显示的最小单位。...原创 2018-07-18 23:25:06 · 306 阅读 · 0 评论 -
z-index层级关系
并不是所有情况 z-index 值大的元素都会在上面,我们在进行 z-index 比较的时候要留意其祖先元素有没有建立独立的层叠上下文,z-index 只有在同一个层叠上下文中比较才有意义。另外,对定位元素设置 z-index 属性不是唯一创建层叠上下文的方法,具有下面属性的元素都会创建层叠上下文(具体可参看:层叠上下文 | MDN): 根元素 (HTML) z-index 值不为 "au...原创 2018-07-23 17:23:58 · 1053 阅读 · 0 评论 -
选择器优化
选择器优化 选择器效率 根据网站效率专家 Steve Souders 指出,各种 CSS 选择器的效率由高至低排序如下 id选择器(#myid) 类选择器(.myclassname) 标签选择器(div,h1,p) 相邻选择器(h1 + p) 子选择器(ul > li) 后代选择器(li a) 通配符选择器(*) 属性选择器(a[rel="external"]) 伪类选...原创 2018-07-17 21:21:37 · 229 阅读 · 0 评论 -
CSS选择器的种类
基础选择器 元素选择器 p { color: red; } ,ID选择器 #app { color: red; } ,类选择器 .app { color: red; } 通用选择器 * { margin: 0; padding: 0;} 关系选择器 后代:.block p { } 子元素:.block > p {} 后面的兄弟:p ~ div ...原创 2018-07-17 21:19:59 · 189 阅读 · 0 评论 -
HTML5新增标签
HTML5新增标签: 概要 1. HTML5 简介: (HTML5 是目前-2017年来说,是最新的一代HTML标准) 2. HTML5 一些新的规则: 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求(比如 Flash) 更优秀的错误处理 更多取代脚本的标记(新增了一些语义化的标签: 在HTML4当中,很明显的一个形象就是用DIV来进行任...转载 2018-07-16 22:20:32 · 244 阅读 · 0 评论 -
HTML 字符实体
留字符 在 HTML 中,某些字符是预留的不能直接使用,如小于号(<)和大于号(>),直接使用会误认为它们是标签。 所以如果我们希望正确地显示预留字符,那必须在 HTML 源代码中使用字符实体(character entities),如可以使用&lt;表示小于号(<),&gt;表示大于号(>)。 空格 浏览器总是会截短 HTML 页面中的连续空格。所...原创 2018-07-16 19:42:12 · 633 阅读 · 0 评论 -
HTML全局属性
属性 描述 accesskey 规定激活元素的快捷键。 class 规定元素的一个或多个类名(引用样式表中的类)。 contenteditable 规定元素内容是否可编辑。 contextmenu 规定元素的上下文菜单。上下文菜单在用户点击元素时显示。只有firefox支持 data-* 用于存储页面或应用程序的私有定制数据。 dir ...原创 2018-07-16 19:33:52 · 131 阅读 · 0 评论 -
HTML常用字符实体
显示结果描述实体名称实体编号 空格&nbsp;&#160;<小于号&lt;&#60;>大于号&gt;&#62;&和号&amp;&#38;©版权(copyright)&copy;&#169;×乘号&times;&#215;...原创 2018-06-29 19:55:23 · 249 阅读 · 0 评论 -
清楚浮动方法大全
8种CSS清除浮动的方法优缺点分析 为什么清除CSS浮动这么难? 因为浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。 而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。 解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还有问题。 我根据自己的经验总结8种清除浮动的方法(测试已通过 ie chro...转载 2018-07-22 21:16:45 · 187 阅读 · 0 评论