第七天

单元格

aligh对齐

border边框

cellpadding单元格与文字

cellspacing单元格与单元格

width宽

height高

rowspan跨行

clospan跨列

表单

<form>包含

text文本

password密码

radio单选

check box多选

submit提交

reset重置

button普通

file文件域

checked已选

下拉菜单

<select>

        <option>

        </option>

</select>

selected默认

文本域

<textarea>

</textarea>

字体

font-family字体

font-size大小

font-weight粗细

font-style风格

line-height行高

normal正常值

文本属性

text-aligh位置

text-decoration划线(none默认   underline下划线    overline上划线  line-through删除线)

text-indent首行缩进                         &ensp英文空格            &emsp中文空格

css引入方式

外部:<link    rel= "style  sheet"    helf="css文件路径">

内部<div   style="color......">

复合选择器

后代选择器 ul    li

子代选择器 ul>li

并集选择器 h1,div

伪类选择器 

a:link未访问

a:visited已访问

a:hover鼠标经过

a:active鼠标按下未抬起

focus伪类选择器

表单获得焦点(光标)出现的效果

input:focus{}

显示模式的转换

display:block 转块元素

display:inline转行内元素

display:inline-block转行内块元素

背景

background-color背景颜色     

background-image背景图片

background-repeat背景平铺(repeat默认     no   repeat     不平铺     repeat-x    x轴平铺)

background-position图片位置

background-attachment背景固定/滚动(背景附着)fixed/scroll

background:rgba(0,0,0,0.3)背景半透明      opacity透明度

边框

border-width 宽

border-style样式(solid实线     dashed虚线    dotted点线)

border-color颜色

border-collapse:collapse;合并边框(只用于合并表格)

border-radius圆角边框

box-shadow盒子阴影

去掉li的点

list-style:none

浮动

float:left

清除浮动

.clearfix:befor,

.clearfix:after{...



©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。