截止到现在，给我最大的冲击就是HTML没有像JAVA那样严格

可以随意搭配，换句话说 HTML要的就是效果 没有一个固定的方法 即便是代码有错误 也可以实现效果

今天的东西挺好吃 能吃的消 哈哈 开森

AM:

边框样式 3个方面

1 边框宽度 border -width

2 边框外观（四周）:border-style:solid（实）dashed,(虚)，dotted（点），double（双实）

3边框颜色 border-color

简单写法：border：1px dotted red；

注意格式顺序：边框 像素 样式 颜色

局部边框样式：

border-bottom：1px double red

背景样式：

background-color 背景颜色 image 图像路径 repeat：纵向横向平铺

attachment： 是否随内容而滚动 background-postition:-30 -30;背景图起始位置

PM：

超链接样式：4个伪类：

未访问的样式：#a1:link{text-decoration:none;color:red;}

访问后：        #a1:visited   {color:yellow;}

鼠标经过时：#a1:hover{color:#666666}

点击时：        #a1:active    {color:blue;}

这4个伪类，必须按照 llink、visited、hover、active 顺序进行 不然无法读取

列表样式 list-style-type: 属性值;

decimal：1、2、3

lower-alpha：小写a、b

upper-alpha：大写

lower-roman：小写罗马

upper-roman：大写罗马

ul li{

       list-style-type: circle;

       list-style-image: url(img/sp.png);}

ol li{

       list-style-type: lower-alpha;}
 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8">

         <title></title>

         <style >

             .p1{

             /* 边框10像素 */

             border-width: 10px;

             /* 边框实线 */

             border-style: solid;实线,虚线dashed;点线dotted}双实线double;

             text-align: center;

             /*边框颜色*/

                     /*border-color: red;*/

           /*简单写法*/

              border: 1px dotted orange;

         /* 格式顺序:边框 像素 样式 颜色

         /* 局部边框样式:*/

             /*边框底线 */

             border-bottom:1px dotted #000000;

             border-left: 2px double #AD0002;

               border-right: 2px double #295CC3;

          /* 背景样式 ：1.背景颜色 2。背景图像*/

        背景颜色     background-color: #FF0000;

        背景位置     background-image: url(img/1.jpg);

     背景图起始位置  background-position:-30 -500;

             }

             body{

                 background-image: url(img/2.png);

                 /* 显示方式:纵向,横向,平铺 */

                 background-repeat: repeat-y;

                 /* 是否随内容滚动 */

                 background-attachment: fixed;}

     /* PM

     /*超链接样式：未访问的样式*/

         #a1:link{ text-decoration: none; color: red;}

     /*访问后的样式*/

         #a1:visited{ color: yellow;}

     /*鼠标悬浮时的样式*/

         #a1:hover{ color:#666666;}

     /*点击时的样式*/

         #a1:active{color:blue;}

         /*hover任意鼠标经过的样式*/

         #p1:hover{color: pink;}

         #p1:hover{color: salmon;}

         ul li{

             list-style-type: circle;

             list-style-image: url(img/sp.png);}

         ol li{

             list-style-type: lower-alpha;}

         </style>

     </head>

     <body>

         <p class="p1">你好我打啊十大离开家付了款 </p>

         <span id="a1">的轻举妄动拉开距离贷款纠纷额空间 </span>

         <!-- "style=text-decoration:none;" 去下划线超链接样式 -->

         <a href="#" style="text-decoration: none;">百度一下你就知道</a>

         <p id="p1">你好，Hello</p>

         <!-- 无序列表 -->

         <ul>

             <li>a.</li>

             <li>b.</li>

             <li>c.</li>

         </ul>

         <!-- 有序列表 -->

         <ol>

             <li>a.</li>

             <li>b.</li>

             <li>c.</li>

         </ol>

     </body>

 </html>

329 experience的更多相关文章

  1. 【深度强化学习】Curriculum-guided Hindsight Experience Replay读后感

    目录 导读 目录 正文 Abstract[摘要] Introduction[介绍] 导读 看任何一个领域的文章,一定要看第一手资料.学习他们的思考方式,论述逻辑,得出一点自己的感悟.因此,通过阅读pa ...

  2. Pramp - mock interview experience

    Pramp - mock interview experience   February 23, 2016 Read the article today from hackerRank blog on ...

  3. Enhanced Mitigation Experience Toolkit 软件安全性强化工具

    Enhanced Mitigation Experience Toolkit软件是微软为应对互联网中层出不穷的漏洞而推出的一款安全工具,可以在Window Update未获取到补丁前,对系统进行保护. ...

  4. The Basics of 3D Printing in 2015 - from someone with 16 WHOLE HOURS' experience

    全文转载自 Scott Hanselman的博文. I bought a 3D printer on Friday, specifically a Printrbot Simple Metal fro ...

  5. 论文阅读之：PRIORITIZED EXPERIENCE REPLAY

    PRIORITIZED EXPERIENCE REPLAY ICLR 2016 经验回放使得 online reinforcement learning agent 能够记住并且回放过去的经验.在先前 ...

  6. 微软职位内部推荐-Senior SDE for Windows App Experience

    微软近期Open的职位: Job posting title: Senior Software Development Engineer Location: China, Beijing Divisi ...

  7. User experience

    User experience 以用户为中心, --通过简单的操作快速完成美好的任务 简单 聚焦,我在干什么?我接下来要干什么? 删除.隐藏,合并.分组 使用背景色,而非边框来划分区域 碎片化,电话不 ...

  8. knowlege experience

    The konwledge is you need learning some basic knowledge. The experience is you can use konwledge  ma ...

  9. Customize the SharePoint 2013 search experience with a Content Enrichment web service

    Did you ever wish you had more control over how your content is indexed and presented as search resu ...

随机推荐

  1. Day9--Python--函数入门

    函数神马是函数: 函数是对功能或动作的封装函数的定义: def 函数名(形参列表): #参数 函数体(return) 调用: ret = 函数名(实参列表) 函数名就是变量名: 函数名的命名规则:变量 ...

  2. DAY1初识Python----变量及命名规则,注释,数据类型,常量,交互

     1.认识和了解python  python是一门解释型语言,弱类型语言 2.python发展史   2008年 2.X,3.X 3.第一个python程序  python语句可以写在命令行中,进行编 ...

  3. java 一个类调用另一个类的方法

    在要调用的类B中对调用类A实例化(在B中:A a = new A();a.function();)

  4. 安卓手机root

    https://jingyan.baidu.com/article/ca41422ffe6b031eae99ed9a.html

  5. TODO monkey笔记，PC端执行和手机端执行

    微博不给力啊 吞我笔记,还好我有txt... 1.环境准备:安装Android sdk, 配置环境变量:platfrom_tools,tools,aapt;java:2.查询当前apk信息: aapt ...

  6. POJ 2528 Mayor's posters (线段树+离散化）

    Mayor's posters Time Limit: 1000MS   Memory Limit: 65536K Total Submissions:75394   Accepted: 21747 ...

  7. 过滤富文本编辑器中的html元素和其他元素

    https://blog.csdn.net/fjssharpsword/article/details/53467079 1.应用场景:从一份html文件中或从String(是html内容)中提取纯文 ...

  8. PHP-FIG - PHP 标准规范

    转自:https://psr.phphub.org/ PHP 标准规范 PSR 是 PHP Standard Recommendations 的简写,由 PHP FIG 组织制定的 PHP 规范,是 ...

  9. python机器学习-sklearn挖掘乳腺癌细胞（一）

    python机器学习-sklearn挖掘乳腺癌细胞( 博主亲自录制) 网易云观看地址 https://study.163.com/course/introduction.htm?courseId=10 ...

  10. Dubbo服务启动脚本

    ## /usr/wangfajun/service/user #!/bin/sh ## java env export JAVA_HOME=/usr/java/jdk1..0_79 export JR ...