最近的总结:markdown、hr、em、后代选择器

  • A+
所属分类:Web前端
摘要

主要是注意两个选择器之间有没有空格。


markdown的基础使用

  1. 一级标题用#加空格,二级用##加空格
  2. 加粗用前后**包围
  3. 斜体前后用*包围
  4. 有序列表用数字加.加空格
  5. 无序列表用*加空格
  6. 分割线用***
  7. 单行代码用`包围,代码块用```包围

hr的使用

  1. 让hr居中不能使用 hr 元素的 align 属性; 不支持 hr 元素的 align 属性.应该使用 CSS 代替.
    CSS 语法 (IE 和 Opera):<hr style="text-align:right" />
    CSS 语法 (Firefox,Chrome 以及 Safari):<hr style="margin-right:0" />
    CSS 语法 (跨浏览器):<hr style="text-align:right;margin-right:0" />
  2. 设置hr的高度用CSS语法:<hr style="height:30px" />,不能用<hr size="30" />。height是线的粗细,width是线的长度。
  3. hr标签是线条,其颜色要用background-color;hr有默认的border,将它的边框去掉,设为border:none

em和px

  • 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明 Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

后代选择器与类选择器

  •                  /* div下所有有.a的元素应用 */   	div .a{   		color: red;   		}   	/* 所有有.a类选择器的p元素应用 */   	p.a{   		color: red;   	} 

主要是注意两个选择器之间有没有空格。

  • 写选择器的时候,如果没有出现想要的效果,要考虑是不是权值不够。