摘要: 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)
摘要: <style> .bar{ /*overflow:hidden;*/ /*BFC解决方案在没有position情况下使用;应为超出部分会隐藏*/ /*BFC参考第二篇随笔*/ border:1px solid blue; } .bar:after{ content:""; display:block 阅读全文
posted @ 2018-05-06 11:29 一叶知秋韵 阅读(155) 评论(0) 推荐(0)
摘要: <style> .par { border: 5px solid #fcc; width: 300px; /*height:110px; 注意这里给外层元素设置相应高度,外层元素会包裹内层元素,并占用文档流*/ /*float:left; 或者给外层元素设置浮动,外层元素也会包裹内层元素,但不会占用 阅读全文
posted @ 2018-05-06 10:34 一叶知秋韵 阅读(287) 评论(0) 推荐(0)
摘要: 通常情况下,我们元素的position属性的值默认为static 就是没有定位,元素出现在正常的文档流中,,这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的,不会生效,比如你设置一个距离左边距偏移100px的声明:left:100px 那么这条声明不会起 阅读全文
posted @ 2018-05-06 10:30 一叶知秋韵 阅读(267) 评论(0) 推荐(0)