• CSS学习进度备忘


    书签:“CSS 高级”跳过;另外跳过的内容有待跟进

    __________________

    学习资源:W3School。


    _________________

    跳过的内容:
    1、“CSS id 选择器”的“XHTML:网站重构”链接没有看

    2、“CSS 选择器”被列为高级教程部分,跳过

    3、“CSS 属性选择器”底部的“CSS 选择器参考手册”跳过

    4、“CSS 文本”的“CSS text-align 属性参考页”、“CSS word-spacing 属性参考页”跳过

    5、“CSS 字体”的“CSS 字体系列”跳过

    6、“CSS 字体”底部的“CSS 字体属性”中的链接内容没有去看

    7、“CSS 浮动”的“CSS float 属性。”链接没有看

    8、“CSS浮动”的“clear”属性实验结果不太理想,多找些例子在试一试







    ______________

    知识点:
    1、必须在样式设置中将“background-attachment”设置为“fixed”,图片位置的设置“ background-position:center;”才能生效(Opera和火狐浏览器),已测试过,使用百分比(background-position: 30% 20%; )的时候,情况类似

    2、“CSS 文本”的“ white-space”的属性行为有一个表格,可以认真对比理解一下,方便记忆

    3、CSS多使用class而不是id来控制格式,例如:

    <p class="normal">This is a paragraph</p>
    
    <p class="thick">This is a paragraph</p>
    

     4、“简写属性”是针对一个属性使用不同的样式,例如:为font使用“字体系列”、“加粗”、“字体大小”等样式时,可以有类似于下面的简写:

    p.ex2
    {
    font:italic bold 12px/30px arial,sans-serif;
    }

    与“简写属性”不同,将多个不同的属性应用于style的时候,必须用分号“;”隔开,如下所示:

    a.five:link {color:#ff0000;text-decoration:none;}

    5、一个元素可能有多种状态,例如“链接”,可以为它的不同状态设置样式,此时,要使用冒号“:”来指定状态,例如:

    a:link
    

     6、当为多个元素指定同一个样式时,用逗号隔开各个元素:

    h2,p {font-size: 200%}

     7、当以id的形式为元素设置CSS的时候,使用#开始,例如

    <style type="text/css">
    #customers
    ...
    
    
    <table id="customers">
    ...

    针对table中的tr td等元素也要使用#

    #customers td, #customers th 
      {

     7、 color 可以继承



    ______________

    进度:
    1、 2013-11-25 “CSS 背景”完毕,接下来学习“CSS 文本”

    2、2013-11-26“CSS 文本”完毕,接下来学习“CSS 字体”

     3、2013-11-30“CSS 链接”完毕,接下来“CSS 列表”

    4、2013-12-02 “CSS 列表”完毕,接下来“CSS 表格”

     5、2013-12-03“CSS 表格”完毕,接下来“CSS 轮廓”

    6、2013-12-04“CSS 内边距”完毕,接下来“CSS 边框”

    7、2013-12-09“CSS 外边距合并”完毕,接下来“CSS 定位概述”

    8、2013-12-10完毕,接下来,下一个知识点:ASP.NET

    ‖==========钟于原创 乐于分享 宁静致远 毋忆典藏==========‖
  • 相关阅读:
    (转)Web自动化测试中的接口测试
    Redis在.net中的应用学习
    Redis学习第八课:Redis高级实用特性(一)
    Redis学习第七课:键值命令和服务器命令
    Redis学习第六课:Redis ZSet类型及操作
    先验概率 vs 后验概率
    cout格式化输出
    python练习linux下创建路径
    把“苹果中国首发”视为扬眉吐气是自卑的表现
    字符串处理算法(三)按指定位置交换字符串两部分的位置
  • 原文地址:https://www.cnblogs.com/tingshuixuan2012/p/3441124.html
Copyright © 2020-2023  润新知