经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTML/CSS » CSS » 查看文章
最近的总结:markdown、hr、em、后代选择器
来源:cnblogs  作者:liweiook  时间:2020/12/21 14:47:26  对本文有异议

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作为单位就行了。

后代选择器与类选择器

    1. /* div下所有有.a的元素应用 */
    2. div .a{
    3. color: red;
    4. }
    5. /* 所有有.a类选择器的p元素应用 */
    6. p.a{
    7. color: red;
    8. }

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

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

原文链接:http://www.cnblogs.com/liweiook/p/14137277.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号