李永娟-20201028

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" href="css/style.css" />将style文件引用过来
    </head>
    <body>
        <!--
            HTML:H5-->5.0版本标签(行级标签:大小取决于内容 :a  span  img 
            块级标签(给大小):与内容没有关系p ul  div )
            css3.0:层叠样式表->修饰网页
            选择器(镜子):精确的选中要修饰的目标
            常用的选择器:1、类型选择(所有 的标签都有类选择器)
                        2、标签选择器(优先级低与类标签)
                        3、id选择器:id>类>标
                        4、后代选择器
                        5、伪类选择器(鼠标悬停状态)
           -->
/*通用选择器*/
/*伪类标签选择器(鼠标悬停状态)*/
*{
    margin: 0;/*外边距*/
    padding: 0;/*内边距*/
    border: 0;/*边距*/
}
div{
    color: red;/*修饰字体颜色*/
    font-size: 30px;/*修饰字体大小*/
    font-family: "微软雅黑";/*字体类型*/
    font-style: italic;/*字体的样式*/
    font-weight: bold;/*字体加粗*/
    letter-spacing: 5px;/*字体间距*/
    
    text-align: center;/*对齐方式*/
    line-height: 300px;/*行高*/
    text-decoration: overline;/*文本划线*/
    text-shadow: 2px 2px 3px yellow;/*字体阴影,水平阴影距离,垂直阴影距离*/
    text-indent: 2em;/*首行缩进*/
}
div{
    background-color: red;/*背景颜色*/
    background-image:url(../img/lyj.jpg)r;/*背景图片*/
    background-size: cover;/*背景图片的大小*/
    /*background-repeat: 300px 300px;
     * background-repeat: repeat-x;/*背景图片平铺*/*/
    
}
<span>颜色的表示方法</span>
        
        <!--修饰字体和文本的常用样式
        -->
        <div class="box">
            喜欢的少年是你,你是年少的欢喜
        </div>
           <div class="box"></div>
        <h1></h1>
        <h1 class="box"></h1>
        <div class="box" id="bo1">
            <ul>
                <li>你最近还好吗</li>
                <li>我最好的朋友</li>
            </ul>
        </div>
        <a href="#">百度一下</a>
        </body>

心得体会:今天的学习感觉一节课都是比较的忙碌,我感觉我们一节课学的东西挺多的,但还是感觉效率不太高,自己练习的时间不是很长,感觉听顾不上写,写顾不了听,感觉当时老师写的时候很简单,真正自己上手时却不以为然,可能还是不太熟悉的原因,

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1