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今天没有掌握什么
都掌握了
网友评论