div+css学习笔记

第一章

CSS样式控制页面方法:

1.行内样式;

2.内嵌式;

3.链接式

4.导入样式

 

第二章

选择器的种类:

1.标记选择器 2.类别选择器 3.ID选择器

 

选择器的嵌套: p b{

 

css的父子继承

 

第三章

字体 font-family

字体大小 font-sise

文字颜色 color

文字粗细 font-weight

文字风格 font-style:italic 斜体字

文字划线

text-decoration:underline;   /* 下划线 */
text-decoration:overline;  /* 顶划线 */
text-decoration:line-through;  /* 删除线 */

 

第四章

图片边框

border-width:2px;  /* 边框粗细 */

border-style:dashed; /* 虚线 */
border-color:blue;  /* 边框颜色 */

 

图片大小

with:

 

图片水平对齐

text-align:left;

 

图片垂直对齐

vertical-align:bottom;

 

float:left;     /* 文字环绕图片 */

margin-left:10px;   /* 图片左端与文字的距离 */

 

第五章

背景色

background-color:#5b8a00;  /* 设置页面背景颜色 */

 

background-image:url(03.jpg); /* 页面背景图片 */

 

background-repeat:repeat-y;   /* 垂直方向重复 */

 

background-repeat:no-repeat;  /* 不重复 */
background-position:bottom right; /* 背景位置，右下 */

 

background-attachment:fixed;  /* 固定背景图片 */

 

writing-mode:tb-rl;       /* 竖排版文字 */

 

 

cursor:help;       /* 变幻鼠标形状 */

 

list-style-type:decimal;  /* 项目编号 */

 

list-style-image:url(icon1.jpg); /* 图片符号 */

 

li {
 float:left;       /* 水平显示各个项目 */

 

clear:both;    /* 不受float影响 */

 

第九章

css 滤镜

filter:滤镜名字(参数);

 

 

CSS 相对定位  relative

CSS 绝对定位  absolute