摘要: float和绝对定位的区别: 需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。 而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。 其中线条为中间到两端渐变用背景图片添加 阅读全文
posted @ 2018-05-08 10:12 一叶知秋韵 阅读(150) 评论(0) 推荐(0)
摘要: display:table和table-cell是如何让多行文字垂直居中的 .parent{ display:table; margin:0 auto; text-align:center; width:200px; height:300px; border:1px solid red; } .so 阅读全文
posted @ 2018-05-07 09:17 一叶知秋韵 阅读(363) 评论(0) 推荐(0)
摘要: 1.<a href="http://www.baidu.com">a标签.baidu.com</a> 2. <a href="javascript:;" onclick="openurl()" >js跳转.baidu.com</a> function openurl(){ window.locati 阅读全文
posted @ 2018-05-06 17:43 一叶知秋韵 阅读(153) 评论(0) 推荐(0)
摘要: 1、什么是内容生成 使用CSS动态的向某元素中插入一部分内容 2、伪元素选择器 1、:before 或 ::before 作用:匹配到某元素的内容区域之前 <p>(:before)举头望明月</p> 2、:after 或 ::after 作用:匹配到某元素的内容区域之后 <p>低头思故乡(:afte 阅读全文
posted @ 2018-05-06 17:10 一叶知秋韵 阅读(167) 评论(0) 推荐(0)
摘要: 复杂选择器 1、兄弟选择器 作用:获取某元素平级的后面的兄弟元素 <div> <p id="p1"></p> <p id="p2"></p> <p id="p3"></p> </div> 注意:兄弟选择器,只能向后找,不能向前找 1、相邻兄弟选择器 作用:获取紧紧挨在某元素后的兄弟元素 语法:选择器 阅读全文
posted @ 2018-05-06 17:05 一叶知秋韵 阅读(179) 评论(0) 推荐(0)
摘要: 参考:css核心技术详解 阅读全文
posted @ 2018-05-06 16:31 一叶知秋韵 阅读(118) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> a{ color:red; } .disable{ pointer-events:none; color:#6 阅读全文
posted @ 2018-05-06 16:12 一叶知秋韵 阅读(139) 评论(0) 推荐(0)
摘要: 一、继承性 1)什么是继承性? 给父元素设置一些属性,子元素/后代也可以使用,这个我们称之为继承性。 2 ) 并不是所有属性都可以继承的,那么有哪些属性具有继承性? 只有以color/font-/text-/line开头属性才可以继承 3) 继承性特殊性 a标签的文字颜色和下划线是不能继承的 h标签 阅读全文
posted @ 2018-05-06 15:38 一叶知秋韵 阅读(216) 评论(0) 推荐(0)
摘要: body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{ margin: 0; padding: 0; } body{font-family: "Microsoft YaHei";font-siz 阅读全文
posted @ 2018-05-06 14:58 一叶知秋韵 阅读(367) 评论(0) 推荐(0)
摘要: CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- t 阅读全文
posted @ 2018-05-06 14:25 一叶知秋韵 阅读(155) 评论(0) 推荐(0)