周报3

HTML

  1. 颜色
    RGBA 的意思是(Red-Green-Blue-Alpha)它是在 RGB 上扩展包括了 “alpha” 通道,运行对颜色值设置透明度。

    div {
    background:rgba(255,0,0,0.5);
    }
    

    相对于使用 rgb(255,255,0),使用 rgba(255,255,0,0.5) 可以实现设置颜色透明度的功能,这里的 0.5 表示透明度,范围 0~1,0 表示全透明。

    通常我们为了省略一个 0:

    div {
    background:rgba(255,0,0,.5);
    }	
    

    实例:

    <p style="background-color:rgb(255,255,0)">
    通过 rbg 值设置背景颜色
    </p>
    <p style="background-color:rgba(255,255,0,0.25)">
    通过 rbg 值设置背景颜色
    </p>
    <p style="background-color:rgba(255,255,0,0.5)">
    通过 rbg 值设置背景颜色
    </p>
    <p style="background-color:rgba(255,255,0,0.75)">
    通过 rbg 值设置背景颜色
    </p>
    
  • 网页颜色表1

  • 网页颜色表2

    PS中感觉也可以使用
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    2.脚本

  • HTML < script > 标签
    < script > 标签用于定义客户端脚本,比如 JavaScript。
    < script > 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。
    JavaScript 最常用于图片操作、表单验证以及内容动态更新。

  • HTML< noscript> 标签
    < noscript > 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。
    < noscript >元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
    只有在浏览器不支持脚本或者禁用脚本时,才会显示 < noscript> 元素中的内容。

  • script标签有两种用途:

  • 在页面中标识一块脚本代码

  • 加载一个脚本文件它要依赖于src属性的存在。
    上面两种情况都需要< /script>闭合标签。

  • script标签可以包含下面的属性:src=”url”

    src属性是可选的。如果存在src属性,它的值应是一个url(网址)表示的.js文件。当浏览器加载,编译与执行文件时,页面将停止装载与处理。< script src=“url”>与</ script >之间不应有任何内容(保持空白)。

    如果没有src属性,< script >与</ script >之间的文字可被编译与执行。script不能包含序列

    </
    因为可能与< /script>混淆。可以插入反斜线符号在<与/之间避免此问题。

    </
    反斜线将被JavaScript编译器忽略。

    不要使用<!– //–>这种hack脚本。这种方法可以阻止第一代浏览器(Netscape 1和Mosaic)将脚本显示成文字。已经有很长时间不需要这么做了。<!– //–>是一个HTML注释。注释中的脚本将被忽略,不被编译与执行。同样,HTML注释不包括–,因此脚本将忽略HTML错误。

  • language=”javascript”
    这个属性是不赞成使用的。它被用于选择其它的程序语言或特殊版本的JavaScript。尽量避免使用。

  • type=”text/javascript”
    这个属性是可选的。自从Netscape 2所有浏览器默认的编程语言已经都是JavaScript了。在XHTML中,这个属性是必须的。在HTML中最好不要使用此属性。浏览器可以自行解决。

  • defer
    这个属性试图改变组件在页面中的加载时机。它不能被很好的支持,不要使用此属性。

  • for=”name” event=”name”
    这些属性是微软(Microsoft)的私有属性,用于声明事件句柄。这是不标准的。尽量避免使用。

  • 放置(Placement)

    < script src=“url”>< /script>将阻碍页面的其它组件下载,直到script脚本加载、编译、执行完毕。因此越晚调用脚本越好,以便加载图像和其它组件不被延时。 加载脚本将增加感觉中的与实际的页面加载时间。因此通常最好把所有的< script src=“url”>< /script>放置在< /body>之前。一个页面内的< script>在加载时没有明显的影响。

    如果一个脚本定义了一些用于其它函数的函数与数据,那么必须在用这些函数与数据之前完成定义。因此定义脚本后才可以使用脚本。

  • document.write

    document.write提供了一种将字符串写入HTML页面的方法。有更好的方法这样做,例如.innerHTML和.createElement或者HTML克隆样式(HTML cloning patterns),用于避免使用document.write。

    document.write强制性的依赖于加载时机。如果document.write在onload事件前被调用,它会在一个页面中附加或插入文字。如果在onload事件后被调用,它将完全替换页面,摧毁前面完成的所有内容。

    document.write使脚本与标记混合起来,助长了坏的结构。清晰的结构尽少使脚本与标记混合使用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值