首页 > 代码库 > css-1

css-1


颜色单位:
1、使用0-255之间的整数值来设置,如 color.rgb(128,0,128)
2、使用16进制数组定义颜色,如#fc0eab
3、为颜色取名:aqua,black,blue,fuchsia,gray,green等5

盒模型:四个分层属性:
1.内容(content):元素中的内容;
2、外边距(margin):代表元素外边的空间,这个空间将元素相互分开;
3、边框(border):位于元素的边距内和元素的边框距外之间的可配置的线;
4、内边距(padding):元素内容和元素边框之间的空间。
盒模型都可以使用 “上右下左”方式设置,如果仅给出2个或者3个值,那么缺失边的属性值,取与对边相同的值。

标准文档流:
1.文本元素按照从上到下,从左到右格式布局
2.块级元素按照从上到下
3.内嵌元素按照从左到右依次排列

margin是当前元素和border的距离,padding是内容和border的距离;margin是对外的,padding是对内的;
margin只对块级元素有效,padding对所有元素都有效
margin水平盒子间距为两个盒子间距的和
垂直盒子的间距为两个盒子间距的较大值
margin值可以设置为负值;

使用clear可以清楚浮动的影响;

定位属性有四个:
static 静态定位,表示按照html格式规则正常定位
relative 相对定位,相对于元素初始位置进行偏移;
absolute 绝对定位,是指某元素將定位在已经定位的父元素框架或浏览器窗口本身的左上角绝对位置。
fixed固定定位,类似absolute,不过其包含块是视窗本身。

text-align 对齐方式
text-decoration 下划线

隐藏元素方式:
display:none 隐藏的元素不占位置
visibility:hidden 隐藏的元素要占位置

参考3.html
内容超出容器处理方式:
1.overflow:hidden 超出内容隐藏
2.overflow:scroll 超出内容以滚动条显示

css-1