• HEAD FIRST HTML & CSS学习笔记


    CSS部分

    1. border-bottom属性控制元素下边框的外观。   eg: border-bottom:1px solid maroon;  P265

       下划线 text-decoration:underline;  P267

    2. 若想为合并规则中的某一元素指定单独的样式,不需要拆分合并规则,为其单独建一条规则即可。  P266

    3. 字体颜色 color   P300

        字体 font-family

        字体大小 font-size

        字体粗线 font-weight

        是否斜体 font-style

    4. 如果元素同时设置了多个类,每个类定义的样式是一样的,比如都是color,那么就会按CSS文件中最后列出的规则显示。  P293

       即,如果由于两个或多个选择器有相同的特定性而无法解决冲突,就要利用样式表文件中规则的顺序来解决问题。

    【【就近原则】】

    5. 如果CSS里有错误,通常这个错误以下的所有其他规则都会被忽略。 P297

    6. 若字体有多个单词,为其加上英文引号。 P320

    7. 使用web字体的时候一定要分清并写对相对地址或者绝对地址。 P326

    8. 用关键字定义字体大小:font-size: xx-small/x-small/small/medium/large/x-large/xx-large   P330

    9. 默认字体大小  P334

    10. 改变字体的粗细:font-weight: bold/normal  P335

    11. <em>标签和font-style:italic;样式都能把字体变为斜体,二者的区别在哪呢?   P338

          em标签用来指定结构,起强调作用

          stalic只是样式

    12. 背景颜色background-color、边框颜色border-color、字体颜色color

    13. 16种常用颜色  P343

    14. 十六进制数的算法  P347

    15. 颜色表:https://en.wikipedia.org/wiki/Web_colors

    16. 合理搭配字体颜色:文本和背景的颜色,对比度要大,这样能够增强可读性。 P349

    17. 背景图像 background-image P380    background-repeat 和 background-position P383

    18. 边框线 border-style  P386    边框圆角 border-radius  radius=半径  P388

    19. id 和 class 及其命名规则  P397

    20. 混合样式表:使用多个样式表  (样式表从上往下排列,最下面的优先显示。)  P398

  • 相关阅读:
    [spring]AOP(切面)编程
    [spring]基于注解的spring配置
    [redis]redis五种数据类型和应用场景
    [redis]redis实现分页的方法
    [zookeeper]ZooInspector的使用
    [log4j]SLF4J+log4j的使用
    [zookeeper]依赖jar的问题
    导出word功能,用html代码在word中插入分页符
    jq实现千分位的转换
    oracle 创建表空间及oracle 11g表空间之最大最小
  • 原文地址:https://www.cnblogs.com/giselle527/p/5747507.html
Copyright © 2020-2023  润新知