截止到现在，给我最大的冲击就是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. Hibernate 二（一级缓存，多表设计之一对多）

    1       对象状态与一级缓存 1.1   状态介绍 l  hibernate 规定三种状态:瞬时态.持久态.脱管态 l  状态 瞬时态:transient,session没有缓存对象,数据库也没 ...

  2. rewind()函数

    函数名: rewind功 能: 将文件指针重新指向一个流的开头用 法: int rewind(FILE *stream);程序例: #include <stdio.h>#include & ...

  3. 多线程程序在单核cpu与多核cpu上是怎么工作的？

    转自 1.多线程在单核和多核CPU上的执行效率问题的讨论 a1: 多线程在单cpu中其实也是顺序执行的,不过系统可以帮你切换那个执行而已,其实并没有快(反而慢) 多个cpu的话就可以在两个cpu中同时 ...

  4. Linux 普通用户免密码切换到root用户

    Linux 普通用户免密码切换到root用户 # 添加用户 useradd user_name # 修改密码 echo "user_name@pwd" | passwd --std ...

  5. bzoj2957 奥妙重重的线段树

    https://www.lydsy.com/JudgeOnline/problem.php?id=2957 线段树的query和update竟然还可以结合起来用! 题意:小A的楼房外有一大片施工工地, ...

  6. Java并发注解Annotation

    Java并发编程中,用到了一些专门为并发编程准备的 Annotation. 主要包括三类: 1.类 Annotation(注解) 就像名字一样,这些注解是针对类的.主有要以下三个: @Immutabl ...

  7. java io系列05之 ObjectInputStream 和 ObjectOutputStream

    本章,我们学习ObjectInputStream 和 ObjectOutputStream ObjectInputStream 和 ObjectOutputStream 介绍 ObjectInputS ...

  8. std::rotate使用

    1. 进行元素范围上的左旋转 first - 原范围的起始 n_first - 应出现在旋转后范围起始的元素 last - 原范围的结尾 原来:1 2 3 左旋转后(起始元素是2) : 2 3 1

  9. StringBuilder类

    java.lang.StringBuilder String类代表字符串,他的底层是一个被final修饰的数组,不能改变,字符串是常量,它们的值一旦被创建之后就不能改变,但是字符串缓冲区(String ...

  10. 前端基础之JQuery - day15

    写在前面 上课第15天,打卡: 张国臂掖,以通西域: ########### # 课上简书 # ########## http://jquery.cuishifeng.cn/index.html JQ ...