网页图片

  • Jpeg 支持的图片颜色比较多,可压缩,但不支持透明。一般用来保存照片等色彩丰富的图片

  • Gif 支持的颜色少,只支持简单的透明,支持动态图

  • Png 支持的颜色多,并且支持复杂的透明,可以用来显示颜色复杂的透明的图片。

html注释

  • html中格式为<!-- -->
  • 在css中格式为 /* */

网页mate标签重定向

< mate http-equiv=”refresh” content=”秒数”;url=目标路径 >

网页超链接的

  • 1.网页的超链接的target属性可以是iframe框架里面的,点击直接在框里刷新前面的链接

  • 2.邮件超链接点击自动打开邮件默认的客户端,并将收件人设置成mailto后面的用户(只针对有客户端的),没有的话不同的浏览器处理方式不同。

<a href="mailto:abc@addga.com">联系我们</a>
  • 比如在我的博客用谷歌浏览器打开显示为“联系我们”

块元素与内联元素

  • 1.一般使用块元素包含内联元素

  • 2.块元素不管定义多宽都独占一行

  • 3.块元素一般用来布局,内联一般用来选中文本样式设置

  • 4.a元素可以包含除了自己以外的任意元素

  • 5.p元素不能包含其他的任意的块元素

三种样式

  1. 内联样式表:将样式写到用元素的标签中。
<style=" ":"传值,";"分开样式写多个样式">
  1. 外部样式表:head中(为了兼容老的浏览器加上type)加上选择器
<style type="text/css">

<style>
  1. 外联样式表:通过link标签引入,同样写在head中
<link rel="stylesheet" type="text/css" href="路径">

选择器

  • 元素选择器

    p{
    
    }
    
  • id选择器:通过元素的id值选中唯一的一个元素
    #p{
    }
    
  • 类选择器:通过元素的属性值选中一组元素,一个元素可以设置多个class,< p class="p2 hello">
    .p2{
    }
    
  • 选择器分组(并集选择器):通过选择器分组同时选中多个选着去对应的元素,用逗号隔开。
    #p1,p,.p2{
    
    }
    
  • 通配选择器:选中所有样式用 "*"
    *{
    
    }
    
  • 交集选择器(交集):直接空格隔开
    p .p2 span{
    
    }
    
如无特殊说明,文章均为本站原创,转载请注明出处,欢迎访问三丰的个人博客站

若不是生活所迫,谁愿意把自己搞得一身才华