您现在的位置:首页 >> 前端 >> 内容

HTML基础学习-10-CSS样式学习

时间:2017/6/15 9:23:00 点击:

  核心提示:HTML基础学习-10-CSS样式学习!DOCTYPE htmlhtml!-- 声明在 html之前,在最上面!DOCTYPE定义了html渲染使用哪个版本html5必须有用!DOCTYPE html...
HTML基础学习-10-CSS样式学习
<!DOCTYPE html>

<html>
<!-- 
声明在 html之前,在最上面
<!DOCTYPE>  定义了html渲染使用哪个版本

html5  必须有用  <!DOCTYPE html>  <meta charset="utf-8"

html4.01  1、单标记标签  如<br  必须闭合 写为  <br/>
          2、单属性必须加属性值
          3、body必须小写
          属性点属性值必须使用 ""


    CSS样式
           内链样式表
           不同属性之间用;隔开
           属性名:属性值形式
                  style="属性名:属性值;属性名:属性值"

           嵌入式样式表
             定义标签的样式  ,需要将样式放到head标签中
              <style type="text/css">
                body{
                  background-color:green;
                  color:red;
                }

              </style>
           引入式样式表
                使用标签link

                放在 head中
                <link rel="Stylesheet" 
                type="text/css"
                href="文件路径文件名.css"
                >

                样式文件名.css
                里面内容    

                body
                {
                属性名:属性值;
                属性名: 属性值;
                }





        style="background-color:green;"   

-->

<head>
    <title>css</title>
    <meta charset="utf-8">
       <style type="text/css">
                body{
                  background-color:green;
                  color:white;
                }

              </style>
</head>
    <body >
        <h1 style="color:#fff">CSS使用方式</h1>
        <p>内链式段落</p>

        <h2>嵌入式样式表</h2>
    </body>


</html>

 

Tags:HT TM ML L基 
作者:网络 来源:不详