截止到现在，给我最大的冲击就是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. terminate called without an active exception异常

    在gcc4.4下,采用回调机制写了一个类似std::thread的线程类. 但是使用时却发生了核心已转移的错误. main函数调用的代码大致是 int main(int argc, char *arg ...

  2. 转：upload.parseRequest为空

    上传是items一直是空list.导致原因是struts2把原始的原来S2为简化上传功能,把所有的enctype="multipart/form-data"表单做了wrapper最 ...

  3. 委托delegate

    委托delegate没有函数体.委托可以指向函数(要与指向的函数格式.类型相一致) namespace demo { public delegate double MyDelegate(double ...

  4. php调用API支付接口 转至http://www.cnblogs.com/chaochao00o/p/6490463.html

    首先访问  https://charging.teegon.com/  注册账号, 找到开发配置   记下client_id和client_secret. 点击 天工开放平台 点击天工收银 点击  S ...

  5. Linux系统诊断必备技能之一：lsof 用法详解！

    lsof(list open files)是一个查看当前系统文件的工具.在linux环境下,任何事物都以文件的形式存在,用户通过文件不仅可以访问常规数据,还可以访问网络连接和硬件:如传输控制协议 (T ...

  6. Hbase准生产配置

    hbase-site.xml <?xml version="1.0"?><?xml-stylesheet type="text/xsl" hr ...

  7. JAVA核心技术I---JAVA基础知识（查漏补缺private，static）

    一:private对于类和对象(同C++) private是只有这个类内部可以访问(类的成员函数和定义初始化) private是类之间的限制,而不是对对象的限制<重点> 同类对象是可以直接 ...

  8. vue this.$router.push和this.$route.path的区别

    this.$router 实际上就是全局路由对象任何页面都可以调用 push(), go()等方法: this.$route  表示当前正在用于跳转的路由器对象,可以调用其name.path.quer ...

  9. KMP算法的next[]数组通俗解释

    原文:https://blog.csdn.net/yearn520/article/details/6729426 我们在一个母字符串中查找一个子字符串有很多方法.KMP是一种最常见的改进算法,它可以 ...

  10. Hadoop完全分布式安装

    一.软件版本 Hadoop版本号:hadoop-2.6.0.tar: VMWare版本号:VMware-workstation-full-11.0.0-2305329 Ubuntu版本号:ubuntu ...