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

最新推荐文章于 2024-07-16 20:50:21 发布

豆皮青椒

最新推荐文章于 2024-07-16 20:50:21 发布

阅读量216

点赞数

文章标签： html 表单 css

本文链接：https://blog.csdn.net/u011523180/article/details/73065376

版权

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>

跟随视频学习，手写记录自己学习过程中的点点滴滴，一起加油吧。

豆皮青椒

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML基础学习-10-CSS样式学习

HTML基础学习-10-CSS样式学习<!DOCTYPE html><html><!-- 声明在 html之前，在最上面<!DOCTYPE> 定义了html渲染使用哪个版本html5 必须有用 <!DOCTYPE html> <meta charset="utf-8"html4.01 1、单标记标签如<br 必须闭合写为 <br/> 2、单属性必须加属性
复制链接

扫一扫