CSS

javaweb项目中如何引用

都放在WebContent目录下
html 或者jsp中引用是
    

点(.) 和 井号(#) 的区别

点(.)  是class引用
    多个控件可以同时使用一个class
    一个控件也可以使用多个class
    

    

井号(#) 是id引用
    这个是唯一的
    

class选择器

写法
    .classname{}  
    里面的属性以分号隔开  
    float:left ; background:red

float

right 
    让元素的页面的最右面显示

text-align

表示这个元素内部元素的显示位置
是由父元素指定子元素在父元素内的位置

display

overflow

内容溢出元素框时发生的事情
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden  内容会被修剪，并且其余内容是不可见的。
scroll  内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto    如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

clear

清除浮动
none : 允许两边都可以有浮动对象
both : 不允许有浮动对象
left : 不允许左边有浮动对象
right : 不允许右边有浮动对象

position

对象脱离正常文档流，使用top，right，bottom，left等属性以窗口为参考点进行定位，
当出现滚动条时，对象不会随着滚动。
取值
fixed   
relative  
    在自己位置的基础上进行偏移。
absolute 
    绝对布局  相对于窗口而言的。

z-index

值越大，所处的位置就越高

box-shadow

给控件添加一个或多个阴影
案例：
    box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.2);
        h-shadow 必需。水平阴影的位置。允许负值。
        v-shadow 必需。垂直阴影的位置。允许负值.
        blur    可选。模糊距离。
        spread  可选。阴影的尺寸
        color   可选。阴影的颜色。   
        inset   可选。将外部阴影 (outset) 改为内部阴影。

border-bottom-width

设置元素下边框的宽度

border-bottom-style

设置元素下边框的样式

padding

设置元素内边框的宽度