第三阶段 05_JavaWeb基础_CSS样式

一、边框和尺寸：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设置能够看看下面的学习路线图。师傅领进门，修行靠我的。再好的老师也不可能把全部知识都讲全了，只能告诉你最基础的知识，剩下的就彻底靠本身摸索了。