HTML5+css3入门知识(1)

   <html>:页面的框架标签
    <head lang="en">
        <meta charset="UTF-8">  :声明字符编码。
        <title></title>         :设置页面的标题。
    </head>
    <body>                      :设置页面的内容。
    </body>
    </html>

 <h1></h1>:标题标签,只有<h1~h6></h1~h6>

空标签
    <input />:表单元素
    <img />:图片
    <link />:链接
    <br />:换行,不具有行距
    <hr />:分隔线
  基本标签
    <h1></h1>:标题标签
    <p></p>:段落标签,是具有行距
 标签属性:
    class:类属性
    Id:id属性
    style:样式属性
    href:超链接路径属性
    target:目标属性
    src:图片路径属性
    title:鼠标移动到图片上 出现图片说明、

    alt:图片无法访问时,出现alt。

 标签的分类:
    块级标签:会让页面元素换行的标签如下:
     <h1>
     <p>
     <br />
     <hr />
   <div>:只会换行,没有默认样式
 行内标签(内联标签 ):不会让页面元素换行的标签如下:
    <input />
    <img />
   <span>:不会换行,没有默认样式

css的样式:
  css:层叠样式表,用于对标签所包含的内容添加样式效果
 css样式表:
            内部样式表:不推荐使用?当出现多个页面使用相同样式时,本页面的内部样式表无法使用。
              <style type="text/css">
                    选择器:
                        标签选择器
                            标签名{样式1;样式2;...;样式n;}
                        类选择器
                        id选择器

                </style>

 外部样式表:推荐使用

                1、新建外部样式表的文件 .css
                2、通过链接的方式使用样式文件
                <link href="css/day01_c.css" rel="stylesheet" type="text/css" />


 行内样式: style="color:red;" 不推荐使用


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值