截止到现在，给我最大的冲击就是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. mybatis的0和null

    <if test="type!=null and type!=''">这样判断会把0也当做null的 另外写一个条件判断0 <if test="type ...

  2. poj 2385 Apple Catching(记录结果再利用的动态规划)

    传送门 https://www.cnblogs.com/violet-acmer/p/9852294.html 题意: 有两颗苹果树,在每一时刻只有其中一棵苹果树会掉苹果,而Bessie可以在很短的时 ...

  3. Windows下MySQL下载安装、配置与使用

    用过MySQL之后,不论容量的话,发现比其他两个(sql server .oracle)好用的多,一下子就喜欢上了.下面给那些还不知道怎么弄的童鞋们写下具体的方法步骤. (我这个写得有点太详细了,甚至 ...

  4. 流畅的python--2 序列构成的数组

    我们把文本.列表和表格叫做数据火车...FOR命令通常能作用于数据火车上.      ---ABC Programmer's Handbook 不管是哪种数据结构,字符串.列表.字节序列.数组.XML ...

  5. Yarn常用命令总结

    Yarn常用命令总结 1>.查看任务列表 [root@storage101 ~]# yarn application -list :: INFO client.RMProxy: Connecti ...

  6. nGrinder TestRunnerBarrier.groovy / jihedian

    s import net.grinder.script.Barrier import net.grinder.script.GTest import net.grinder.scriptengine. ...

  7. GO 中输出打印的常用函数

    1.Println 可以打印字符串和变量(任何类型)    println函数在输出后自动增加一个换行 例: a:=10 b:=“string” fmt.Println(a)  //right fmt ...

  8. JAVA-Clone 对象拷贝

    JAVA 中对象的赋值是复制对象的引用,即复制引用 public static void main(String[] args) { User user = new User(1,"asds ...

  9. python mysql索引 优化神器explain 慢查询

    ##############总结########## 数据库中专门帮助用户快速找到数据的一种数据结构 类似于字典的目录的索引 索引的作用:约束和加速查找 工作原理: b+树形结构 最上层是树根,中间是 ...

  10. 利用css3给座右铭设置漂亮的渐变色

    .footer-container .footer-content p .motto { font-weight: bolder; -webkit-background-clip: text; -we ...