截止到现在，给我最大的冲击就是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. Day17--Python--面向对象--成员

    成员 class Person: def __init__(self, name, num, gender,birthday): # 成员变量(实例变量) self.name = name self. ...

  2. padding内边距

    android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/ac ...

  3. Android Studio 签名 安全图片

    apk 输出地址: /Users/houzhibin/javaself/android/SpgApp/app/build/outputs/apk 上图是debug版的: 发布版的需要在终端输入命令行: ...

  4. ArrayList、LinkList、Vector的区别

    ArrayList.LinkedList和Vector均实现了List接口,均为可伸缩数组(均为可动态改变长度的数组).它们是有序的集合,并且其中的元素允许重复. 从底层实现来看: (1)ArrayL ...

  5. day09-(servlet)

    回顾: xml: 可扩展的标签语言 标签可以自定义 作用:配置文件 xml组成: 声明 首行顶格写 元素 <xxx></xxx> <xx/> 属性 <xxx ...

  6. Spring_xml方式开发

    1. spring核心配置文件: <?xml version="1.0" encoding="UTF-8"?> <beans xmlns=&q ...

  7. C++ 二维数组作为形参传递使用实例

    在线代码编辑器: http://codepad.org/ 1.*指针 void display(int *arr, const int row, const int col) { ; i < r ...

  8. java io系列24之 BufferedWriter(字符缓冲输出流)

    转载请注明出处:http://www.cnblogs.com/skywang12345/p/io_24.html 更多内容请参考:java io系列01之 "目录" Buffere ...

  9. python 函数动态参数，名称空间，global，nonlocal

    ##################################总结######################################动态参数 *args:位置参数动态传参,接收到的是元 ...

  10. 【1】【leetcode-77】 组合

    (典型,做过似曾相识但不熟悉,基本知道怎么做但调试了一个多小时各种错) 给定两个整数 n 和 k,返回 1 ... n 中所有可能的 k 个数的组合. 示例: 输入: n = 4, k = 2 输出: ...