day02 CSS

CSS
style="background-color:xx; "

容器的作用
style="text-align: center; font-size: 20px"样式居中, 字体大小
span 标签

<b></b>加粗
<div></div>容器标签
margin: auto; 让容器本身水平居中

布局与选择器
banner 横幅
navigation 导航条
bottom 底部
margin:" 0;" 只针对当前元素有效
text-decoration: none; 没有文本修饰线

浏览器默认字体大小是16px
行高21px
line-height: “”; 行高

选择器
ID 选择器
id表示身份，在页面中元素的id不允许重复，因此id选择器只能选择单个元素 #XX 代表id号
标签选择器
根据标签名称选择对应的所有标签 DIV
类别选择器
选择拥有该类别的多个元素 class 类别名称 .xx
通用选择器
针对页面上所有的标签都生效 *

样式的优先级
行内样式优先级>内部样式
行内样式>ID选择器>类选择器>标签选择器>通用选择器 选择器选择的范围越小越精确，优先级就越高

边框的样式
border-right: solid 1px #808080; 右边框实线，像素为1px,颜色为

CSS的文本属性
font-family 字体类型
font-weight: bold; 文字加粗
font-style: italic; 文字倾斜
text-indent：50px; 首行缩进
line-height:100px; 行高
text-decoration: underline; 文本下划线

常见图片格式的区别
gif
支持动画
只有全透明和不透明两种模式
只有256种颜色
jpg
采用有损压缩算法
体积较小
不支持透明
不支持动画
png
采用无损压缩算法
体积也相对较小
支持背景透明
不支持动画
svg
保存颜色和形状相对简单的图片