该文被密码保护。 阅读全文
posted @ 2019-05-27 23:05 ellenxx 阅读(3) 评论(0) 推荐(0) 编辑
摘要: position absolute:绝对定位 absolute:绝对定位 1.以页面的左上角为原点 2.不保留原来的位置 3.z-index可以调整图层顺序 如果想实现以父级元素左上角为原点。则:父级相对,子级绝对 在子级绝对的情况下,将父级调成相对就是以父元素左上角为原点。 relative:相对 阅读全文
posted @ 2019-05-27 20:59 ellenxx 阅读(91) 评论(0) 推荐(0) 编辑
摘要: background-clip属性 background-clip属性指定背景绘制区域 语法 background-clip:border-box|padding-box|content-box; border-box:背景被剪裁到边框盒 padding-box:背景被剪裁到内边距框 content 阅读全文
posted @ 2019-05-27 20:59 ellenxx 阅读(361) 评论(0) 推荐(0) 编辑
摘要: 导航栏一般用无序列表制作 但出来的导航栏有黑点,还有一些边距 去除黑点我们可以用:list-style-type: none;/*去掉ul前面的点*/ 因为有些标签之间会有默认的边距,所以可以先将边踞清零,“*”代表所有标签 *{ margin: 0px;/*边距全为0*/ padding: 0px 阅读全文
posted @ 2019-05-27 20:58 ellenxx 阅读(230) 评论(0) 推荐(0) 编辑
摘要: Overflow:属性规定当前内容溢出元素框时发生的事情 1.当内容过多,元素框溢出 1)hidden:隐藏超出部分(overflow: hidden;) 2)auto:有下拉滚动条(overflow: auto;) 2.当一个盒子里面的元素都脱离标准流 overflow.hidden可以触发盒子的 阅读全文
posted @ 2019-05-27 20:57 ellenxx 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 标记的显示模式 行显示标记(例如<a>) 标记是从左往右排列为行显示标记。 结果 特性:从左往右排,不指定是默认高度为是0,宽度是0.不能指定宽度和高度,如果一定要指定高宽并且不改变排列方式 块显示标记 标记从上往下排列称为块显示标记。 结果 特性:从上往下排,不指定宽度默认为100%,高度0px, 阅读全文
posted @ 2019-05-27 20:56 ellenxx 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 外部样式 先建立一个css文件,如下: 然后开始写代码,不要加<style> 然后可以在html文件中的<head>内引用:<link rel="stylesheet" type="text/css" href="css的文件地址"/> 然后可以在html代码中用外部样式的样式了 阅读全文
posted @ 2019-05-27 20:56 ellenxx 阅读(857) 评论(0) 推荐(0) 编辑
摘要: 权重叠加 在下面的一段代码中,第一个样式body b有两个标签,第二个有一个标签b.两个中都有color,会应用哪一个呢?果是 那下面的代码会显示什么样的结果 结果是 应用的事body b中的color。原因是权重不同,把优先级以权重来表示 比如:标签<类选择器<id选择器<行选择器<importa 阅读全文
posted @ 2019-05-27 20:55 ellenxx 阅读(710) 评论(0) 推荐(0) 编辑
摘要: 样式的优先级 在p中有id,class,标签,行内样式,它们的优先级: 1.id 样式>class样式>标签样式 2.行内样式>内嵌样式>外部样式 强制优先级 比如我希望上面的代码中p为最优先的,可以在后面空一格加!important 然后结果 阅读全文
posted @ 2019-05-27 20:54 ellenxx 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 应用多个样式 在class中使用多个样式 在这是会有优先级关系问题 在上面的代码中,aa,bb,中的颜色会有冲突,到底显示的结果会是黄色还是绿色呢? 结果是绿色的。它是以程序执行的先后为优先级,后执行>先执行,后执行的会把前面的重复的覆盖,上面的代码中aa先执行,所以bb优先,color选择绿色 如 阅读全文
posted @ 2019-05-27 20:54 ellenxx 阅读(700) 评论(0) 推荐(0) 编辑
摘要: css的样式继承 在上面这段代码中,p{}为父类,b{}为子类。b{}将继承p{}。 因为<b>在<p>里面,p{}为父类,b{}为子类。 继承方式: 如果子类没有,父类有,则子类继承父类。 如果子类有,父类有,子类覆盖父类。 阅读全文
posted @ 2019-05-27 20:52 ellenxx 阅读(561) 评论(0) 推荐(0) 编辑
摘要: 我在做新闻页面时,需要将之前存好点的data.json里的数据显示在首页上,而首页的每条新闻数据不能直接写定在上面,所以我们要将data里面的数据传递进去。我们需要使用underscore的template函数。 之前在underscore的简单了解中已经讲过template了,接下来就直接用 1. 阅读全文
posted @ 2019-05-27 20:29 ellenxx 阅读(635) 评论(0) 推荐(0) 编辑
摘要: 1.underscore:一个封装好的js工具库,它提供了一整套函数式编程的使用功能,但是没有扩展任何js内置对象。它解决了这个问题:如果我面对一个空白的HTML,并希望立即开始工作,我需要什么? 2.zip 3.template 阅读全文
posted @ 2019-05-27 17:13 ellenxx 阅读(398) 评论(0) 推荐(0) 编辑