祖安拥有双亲

导航

19.11.18课堂笔记(html+css)

    img
    src=""   src是标签的属性  等号右边是属性值   属性值就是图片的路径。
    路径
        1.绝对路径:按照一个路径能查找到,具体到某一个盘符下,某一个文件夹内。
        2.相对路径:相对当前页面,以当前页面为参考物,查找。
        同级目录:---  ./      (    /     代表目录关系  )
        上级目录:---  ../
    标签的属性
        书写规范:属性等于属性值。属性必须带双引号""
        ""  双引号
        " 单引号
    
    <img src="资源" alt="说明"/>
    src  这个属性具有对外请求资源的功能。资源:图片,文档,txt,样式,视频,音乐等等。
    alt  这个属性当图片加载不出来的一种说明。


    p段落标签
    <p></p>
     <p>他是惟一一个可也不写结束标签的双标签。
    a 超链接标签
    从一个页面链接到另一个页面。靠的是href
    src和href有什么区别和关联?
    1.都是标签的属性
    2.href 叫标识超文本引用,让引用的文件建立一种联系。
    3.src 叫资源引用,将引用的文件拿来直接使用了。
    targer 属性
        _self 默认值,讲原有的网页覆盖掉
        _blank 重新打开一个窗口
        meta 元信息标签:
        提供有关页面的元信息
            <meta charset="utf-8"/>
            该网页的编程格式是uft-8  不设置这个格式汉字会出现乱码

            <meta name="keyword" content""/>
            网页搜索的关键字,主要用在搜索引擎

            <meta name="Description" content""/>
            申请官网使用


    
    标签的别名:
        1.官方提供的标签名
        2.类名:用class属性起的名字
        3.id名:用id属性起的名字     唯一的!
        我们把这种起名叫选择器 class选择器,id选择器,标签选择器
    style标签
    给标签添加样式
        1.位置在head标签之间
        2.书写格式:
            选择器 name{
                样式属性:样式属性值
                }
    选择器的使用规则
        1.标签选择器 直接使用标签名就OK
        2.class选择器  需要在名字前加.
        3.id选择器  需要在名字前加#

    
    常见的css属性:
        1.决定字体的属性
        color  ——   颜色   属性值:颜色单词,,十六进制的颜色代码——#333
        RGB()  r代表red  g代表green   b表示blue
        RGB 中的值 0-255 之间的任意数字

        2.字体大小
        font-size:88px;属性值是整数字,不可以带小数,单位叫像素(px) 像素单位。凡是由像素拼成的图,我们叫做位图。
        不是由像素拼成的图,叫做矢量图。
            位图放大会模糊
            矢量图不会模糊
            谷歌浏览器默认大小是16px,最小12px 火狐最小字体是10px

        3.字体样式
        font-family  字体系列,字型
        属性值”微软雅黑“

        4. font-style字体样式
        font-weight 字体加粗
        font-italic 字体倾斜
        norma 默认值 标准的字体

        5.属性值 normal==400   400以下是细    400以上是粗

        6.font-variant
        属性值 normal 默认      small-caps  改大写
    注意:
                                注意:
    w3c标签嵌套标准
    命名规范:
        1.不能用汉字命名
        2.不能以数字打头
       

posted on 2019-11-18 15:54  祖安拥有双亲  阅读(121)  评论(0)    收藏  举报