Java的第三天学习

一.css简介
  1.需求：
设置网页标签样式：宽，高，背景颜色，设置标签位置and so on 
用于布局和美化网页的


  2.概念：
Css：Cascading Style Sheets “层叠样式表”
浏览器解释语言：浏览器所解释执行的语言  HTML css
大小写不敏感：推荐小写


  3.CSS语法
选择器{
属性名1：属性值1；
属性名2：属性值2；
···
}
属性值之间用分号，属性名用冒号
选择器：我要找的html标签（元素）
属性1名；属性值1；width:20px
不针对行内样式
  4.css注释：
多采用/*多行注释*/
//也行
快捷键ctrl+/
html注释：
<!--注释的内容-->
Java：
//：单行注释
/*多行注释*/
Linux：
#（单行注释）








二.css样式分类
  1.行内样式
<p style="background-color:#颜色十六进制or直接颜色；height：··px>
  2.内嵌样式
style写在head中
  3.外部样式
a.link标签
      layout.css
     <link rel="stylesheet"type="text/css"herf="layout.css"/>
      rel:relationship
b.@inport标签
      @import
      @import url("layout.css");
      @import"layout.css"
补充：
    行内样式：只作用当前标签。用于个体。
    内嵌样式：作用在整个页面的指定标签，用于集体。
    外部样式：作用在多个页面。






三。选择器
1.选择器分类
1.1  HTML选择器
HTML元素{
属性名1：属性值1；
属性名2：属性值2；
···}
1.2   class类选择器
<p class="···">在w3school</p>
.one(属性名1：属性值1；)
.two(属性名2：属性值2；)
<p class="one">aa</p>
<p class="two">bb</p>
<p>cc</p>
1.3 id选择器
#命名（属性名：属性值；）
<p id="命名"></p>
14、子元素选择器
border:5px dotted red;
dotted:虚线
solid：实线
div>input{
border：1px solid red；
}
>只找儿子辈     空格找后辈      ，组合
15、后代元素选择器：Div  input{
          border:1px solid red;
}
16、组合选择器：.box{
background-color:red;
}
#user{
background-color:red;
}


.box,#user{
background-color:red;
}
17、在ie下测试
     /*link 代表未访问*/
    a:link{
      /*color:white;*/
      /*text-decoration: none;*//*生效*/
    }
    /*link 代表访问过的*/
    a:visited{
       color:green;/*生效*/
       /*text-decoration: underline;*/
    }
    /*hover 代表悬浮在标签上*/
    a:hover{
       color:yellow;
       /*text-decoration: underline;*/
    }
     /*active 代表鼠标长按*/
    a:active{
       color:pink;
       /*text-decoration: underline;*/
    }
    






五.附录
开源项目 源码
https://github.com/ “世界性开源项目的集合”
https://gitee.com/ “码云”








dhtml=HTML+css+javascript  网页






PS：推荐两本书《JavaScript　DOM编程艺术》（可以学到很多代码规范）、《JavaScript高级程序设计》（传奇级别的神书，建议有空就翻，看到破）
。后面就是应用之前学习的HTML和CSS，推荐看一下《响应式Web设计》和《CSS世界》（从这两本书中可以学习到如何去写页面）。
最后就需要学习ES６规范，推荐《ES6 标准入门》这本书，然后就可以尝试着去学习框架了，前端三大框架各有各的优点，Xel'Naga学习的是vue.js，
主要是vue.js对于初学者非常的友好，只需要使用vue－cli就可以快速搭建开发环境，而且文档是中文的，组件库也基本都是国内开发的，
比如饿了么全家桶（element和mint－ui），再继续学习下去就可以去学习各种前端技术了，推荐看一下《现代前端技术解析》。