美文网首页
2019-01-24day4学习总结

2019-01-24day4学习总结

作者: Little茂茂 | 来源:发表于2019-01-24 19:24 被阅读0次
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            /*1.文本相关属性*/
            /*字体大小font-size*/
            p{
                font-size:40px ;
            }
            /*2.字体颜色color*/
            p{
                color: cadetblue;
            }
            /*字体名:*/
            p{
                font-family: "黑体";
            }
            /*字体的宽度:*/
            /*取值:100-900(100-700之间不断加粗)*/
            /*bolder/bold/normal*/
            p{
                font-weight: 100;
            }
            /*字体倾斜:font-style:*/
            /*italic/oblique - 倾斜*/
            p{
                font-style: italic;
            }
            /*内容水平方向对齐方式:text-align*/
            /*left-左对齐*/
            /*right-右对齐*/
            /*center-居中*/
            p{
                background-color: brown;
                height:100px ;
                text-align: left;
            }
            div{
                text-align: right;
                
            }
            /*文字行高:line-height*/
            /*设置标签中每一行内容的高度,可以通过设置行高和标签的高度一样来让标签中的内容在垂直方向上居中*/
            p{
                line-height:60px ;
            }
            /*文字修饰:*/
            /*overline - 上划线*/
            /*underline - 下划线*/
            /*line-through - 删除线*/
            /*none - 去掉文字修饰*/
            a{
                text-decoration: none;
            }
            /*首行缩进*/
            /*text-indent:2em*/
            /*p标签有效*/
            
            /*字间距*/
            /*letter-spacing:3px*/
            /*每个文字之间的间隙*/
            /*2.列表相关属性*/
            /*list-style-type:disc(实心圆)/circlr(空心圆)/square(实心方块)/none(去掉列表前的图标)*/
            /*使用图片作为列表符号*/
            /*图片通过url来导入*/
            /*list-style-image:url(图片地址)*/
            
            /*符号位置*/
            /*list-style-position:outside(外面)/inside(里面)*/
            
            /*去掉符号*/
            /*list-style:none*/
            
            /*3.背景相关*/
            /*background-image:url()*/
            /*平铺*/
            /*background-repeat:no-roeat(不平铺)/repeat(平铺)/repeat-x(x方向平铺)/repeat-y(y方向平铺)*/
            
            /*设置背景图位置*/
            /*background-position:x y*/
            /*x-left/right/center/数值*/
            /*y-left/right/center/数值*/
            
            /*背景缩写*/
            /*background:图片地址 是否平铺 x y 背景颜色;*/
            
        </style>
    </head>
    <body>
        <p>我是段落空间发客服哈家联合开发哈克龙喝咖啡half还未发礼物为恢复全国范围可区分hi无后期复合物为官方网规划111哈哈服噶尔卡机喝咖啡和哦哈客户端尽量快点哈覅孤儿网发卡机嗯咯强迫荔湾区诶符号给我空间和单位可分割11111</p>
        <div id=""style="text-align: center;background-color: #5F9EA0;">
            <a href="">百度1</a>
            <a href="">百度2</a>
        </div>
    </body>
</html>

相关文章

  • 2019-01-24day4学习总结

  • kafka学习系列

    Kafka学习总结(一)——Kafka简介 Kafka学习总结(二)——Kafka设计原理 Kafka学习总结(三...

  • 习惯

    好的学习习惯,才能有效的学习,每天有计划的去学习,每天都要有总结,总结做过的事情,总结学到的东西,总结学习的方法,...

  • 要做就做第一名

    前几天刚学会了一个学习的公式:体验→感受→分享→总结。 生活要学会总结,总结是最好的学习,可以说没有总结的学习不叫...

  • GNU Make / Makefile 学习资料

    GNU Make学习总结(一)GNU Make学习总结(二)这篇学习总结,从一个简单的小例子开始,逐步加深,来讲解...

  • java基础参考资料

    JavaWeb学习总结(一)——JavaWeb开发入门 JavaWeb学习总结(二)——Tomcat服务器学习和使...

  • 2018年2月计划

    1. 课程学习,以及总结笔记 《关系课程》学习50节,总结笔记。 《中国史纲》学习50节,总结4篇笔记。 《pyt...

  • 跟着麦子学英语(一)

    学习,总结,在学习! 这也许就是学习的过程吧!学习起来了,总结经验,然后推到,在重新开始学习! ...

  • 《Thinking in UML》学习总结

    《Thinking in UML》学习总结 @(总结)[思考|学习|记录] @[toc] 简要 最近看完了这本书,...

  • 2018-07-09

    学习总结

网友评论

      本文标题:2019-01-24day4学习总结

      本文链接:https://www.haomeiwen.com/subject/kvmujqtx.html