第三阶段 05_JavaWeb基础_CSS样式

1、边框和尺寸:border、width、height

   boreder:设置边框的样式

   格式:宽度   样式  颜色

   例:style="border:1px solid red"   //1像素实边红色

      样式取值:solid 实线 none 无边 double双线等。

   width、height用于设置标签的宽度、高度

    <style type="text/css">

      div{

        border:1px solid red;

        width:155px;

        height:155px;

      }

    </style>

 

2.布局:float、clear

   默认的排列方式是从上到下,实际使用中,需要左右排版,这就需要使用float浮动了

    选择器{float:属性值}

      常用属性:

          left 左浮动、right右浮动、none不浮动(默认值)

    由于浮动元素不再占原文档的位置,所以它会对页面其中其他元素有影响,为了避免影响可以使用clear属性清除浮动

    选择器{clear:属性值}

      常用属性:

          left:不许左侧有浮动元素,清除左侧浮动的影响

          right:不许右侧有浮动元素,清除右侧浮动的影响

          both:同时清除左右两边浮动影响

    

3.字体:color、font-size

4.背景颜色:background-color

5.CSS盒模型

   CSS盒模型规定了元素框处理元素内容、内边距、边框和外边距的方式

   

 

6.总结:

  因为能力有限,个人对前端不太感兴趣,所以只是懂点最基础的知识,CSS需要学习的知识还有许多,例如,布局方面DIV+CSS,CSS盒模型等,所以,想要继续学习的可以自己上网找些资源学习,在互联网发展之前,学习知识很困难,现在是互联网时代,想学任何知识都可以在网上找到,甚至可以看到国外的知识,但是,英文水平需要提高,许多新技术都是从国外传到中国的,尤其是计算机方面知识,如果对做网站首页、移动端ui设置可以看看下面的学习路线图。师傅领进门,修行靠个人。再好的老师也不可能把所有知识都讲全了,只能告诉你最基础的知识,剩下的就完全靠自己摸索了。

 

posted @ 2018-06-26 14:09  <白泽>  阅读(166)  评论(0编辑  收藏  举报