day03

作者: revinu | 来源:发表于2018-03-01 17:26 被阅读0次

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今天没有掌握什么

都掌握了

相关文章

网友评论

      本文标题:day03

      本文链接:https://www.haomeiwen.com/subject/uysixftx.html