day03

A今天学了什么？

1.CSS基本样式讲解

1.1css背景样式

background-color 背景颜色

background-img 背景图片

background-position 背景元素位置

background- attachment 背景吸附

bcakground-repeat 背景重复

background-size 背景图片大小

1.2CSS文本

text-align 文本居中

text-indent 文本缩进

text-transform 文本转化

text-decoration 文本修饰

color 文本颜色

1.3CSS字体

font-size 字体大小

font-family 字体属性

font-style 字体样式

font-weight 字体粗细

line-height 行高

1.4.css链接

a:link{} 正常，未访问过

a:visited 已访问过

a:active 鼠标点击时

a:hover 鼠标放在上面时

若单独设置一个链接
满足a:link = a:visited>a:hover>a:active

1.5CSS列表样式

list-style:none  清除列表样式

list-style-type 列表图标样式

list-style-img 列表图标  从图片中选择

1.6边框样式

border-color 边框颜色

border-style 边框样式

border-width 边框宽度

可以简写 border: 1px solid red

1.7 表格

table tr th td

设置间隔
table{
border-collapse:collapse
}

在th td可设置
跨越行 colspan
跨越列 rowspan

1.8轮廓属性

和边框类型 但不占据位置

opacity： 透明度

visibility： 可视性

1.9CSS样式继承

如果子元素没设置宽，则继承父元素的宽

如果父元素没设置高，则继承子元素的高

2.0CSS可以继承的样式

文本相关属性：color,text-align,text-transform,text-decoration,text-indent（内联标签不能设置）

字体相关属性：font-size,font-family,font-weight,font-style

列表相关属性：list-style

表格相关属性:border-collapse

其它属性：cursor ,visibility

B今天学到了什么

1.1css背景样式

background-color 背景颜色

background-img 背景图片

background-position 背景元素位置

background- attachment 背景吸附

bcakground-repeat 背景重复

background-size 背景图片大小

1.2CSS文本

text-align 文本居中

text-indent 文本缩进

text-transform 文本转化

text-decoration 文本修饰

color 文本颜色

1.3CSS字体

font-size 字体大小

font-family 字体属性

font-style 字体样式

font-weight 字体粗细

line-height 行高

1.4.css链接

a:link{} 正常，未访问过

a:visited 已访问过

a:active 鼠标点击时

a:hover 鼠标放在上面时

若单独设置一个链接
满足a:link = a:visited>a:hover>a:active

1.5CSS列表样式

list-style:none  清除列表样式

list-style-type 列表图标样式

list-style-img 列表图标  从图片中选择

1.6边框样式

border-color 边框颜色

border-style 边框样式

border-width 边框宽度

可以简写 border: 1px solid red

1.7 表格

table tr th td

设置间隔
table{
border-collapse:collapse
}

在th td可设置
跨越行 colspan
跨越列 rowspan

1.8轮廓属性

和边框类型 但不占据位置

opacity： 透明度

visibility： 可视性

1.9CSS样式继承

如果子元素没设置宽，则继承父元素的宽

如果父元素没设置高，则继承子元素的高

2.0CSS可以继承的样式

文本相关属性：color,text-align,text-transform,text-decoration,text-indent（内联标签不能设置）

字体相关属性：font-size,font-family,font-weight,font-style

列表相关属性：list-style

表格相关属性:border-collapse

其它属性：cursor ,visibility

C今天没有掌握什么

都掌握了