后端开始学习CSS

做php后端越来越发现，想成为不被时间刷掉的程序员，要建起自己的知识体系，自己有自己越为完备的知识区，安在哪都能转的那个样子也是我本人非常想达到的。

做后端只了解那些后端的逻辑与数据库的读取对于前段的传参啊，效果啊知道的太少，这样是不行的。所以从CSS开始进行学习。

简单记一些笔记

用的是辛星的教程，他本人我有认识一些，他的教程按他个人的口气来，内容清晰易懂同时又蕴含有时间对技术的沉淀。

简介跟一些样式很容易理解。和html属性标签都差不多

这里从盒模型开始。

css

边框

边框属性

border-color

border-width

border-style  常用的取值有:none(无格式)、solid(实线)、dotted(点状线)、dashed(小短线)、double(双层线)等

详细设置

当border-xxx接受四个值的时候，这四个值分别起作用的边为:上、右、下、左。

当border-xxx接受三个值的时候，这四个值分别起作用的边为:上、左右、下。

当border-xxx接受两个值的时候，这四个值分别起作用的边为:上下、左右。

设置单个边

边名的取值可以是"top"、"left"、"right"、"bottom"

1. border-边名-属性名

边距

内边距，就是内容到边框之间的距离。我们用padding表示

外边距，就是边框到另一个元素之间的距离。我们用margin表示

body在谷歌浏览器中的默认边距为8px

在IE6和IE7中则是上下边距为15px，左右边距为10px。

在我们的样式表中通常需要使用body{margin:0px; padding:0px}来取消默认的设置

浮动

标准流中，块级元素独自占用一行，垂直放置。行级元素(内联元素)在水平方向从左到右排列。

float属性

left表示向左浮动，取值为right表示向右浮动

(1)一旦某个元素设置了浮动，它就脱离了标准流。

(2)标准流是从上到下，从左到右排列的。

(3)浮动确定元素的左右位置。

(4)浮动的元素默认在标准流之上。

clear属性 可以取值为none、left、right、both。

被清除的方向不允许有浮动元素

定位

position属性  取值可以是static、fixed、relative、absolute。

static，即静态定位，也是默认的定位方式。

fixed，即固定定位，以浏览器窗口为基准进行定位。

relative，即相对定位，以原位置为基准进行定位。

absolute，即绝对定位，以父元素为基准进行定位。

所谓固定定位，也就是它的位置相对于浏览器的窗口位置是固定的。通常来说窗口的滚动对它来说是无效的，看上去就好像粘到屏幕上一样。

它的用途很广，很多顶部的导航栏就是使用的固定定位，比如很多客服的窗口也是使用的固定定位，当然还有很过广告窗口也是用的固定定位。

相对定位，是相对默认方式的定位，它会在默认方式的基础上进行一些位置的变动

绝对定位，是表示对父元素进行定位。没有父元素的话父元素就是body

如果这里的父元素的position属性被设置为static或者是没有设置的话，那么这里的.star就会相对于body进行绝对定位了！