html和css 常用标签和基本属性

• 带语义的标签
    ○ h1~h6: 表示标题
    ○ p: 表示段落
    ○ img: 表示图片
    ○ a: 表示链接
• 不带语义的标签
    ○ div: 表示一块内容
    ○ span: 表示行内的一块内容
• css引入方式
    ○ 内联式
    ○ 嵌入式
    ○ 外链式
• css属性入门,布局常用样式
    ○ width 设置元素的宽度
    ○ height  设置元素的高度
    ○ background 设置元素背景色或背景图片
    ○ border 设置元素四周的边框
    ○ border-top 设置顶部边框
    ○ border-left 设置左边边框
    ○ border-right 设置右边边框
    ○ border-bottom 设置底部边框
    ○ padding 设置元素包含的内容和元素边框的距离,也叫内边距.也可以像border一样拆分,分别设置四个边
    ○ margin 设置元素和外界的距离, 也叫外边距,也可以像border一样拆分,分别设置四个边
    ○ float 设置元素浮动, 浮动可以让块元素排列在一行,浮动分为左浮动:float:left; 右浮动: float:right
• 文本常用样式一
    ○ color 设置文字的颜色
    ○ font-size 设置文字的大小
    ○ font-family 设置文字的字体
    ○ font-weight 设置文字是否加粗(加粗bold, 不加粗normal)
    ○ line-height 设置文字的行高, 表示文字的高度加上文字上下的间距 
    ○ text-decoration 设置文字的下划线, text-decoration: none; 将文字下划线去掉
• css属性提高-文本常用样式属性二
    ○ text-align 设置文字水平对齐方式 center设置文字水平对齐居中
    ○ text-indent 设置文字首行缩进
    ○ font-style 设置文字是否倾斜 normal不倾斜 italic 文字倾斜
    ○ list-style 设置无序列表中的小圆点 none设置成无
• css 元素溢出
    ○ 当子元素尺寸超过父元素尺寸时, 需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置
• overflow的设置项
    ○ visible 默认值 内容不会被修剪, 会呈现在元素框之外
    ○ hidden 内容会被修剪, 并且其余内容是不可见的,此属性还有清除浮动, 清除margin-top塌陷的功能
    ○ scroll 内容会被修剪, 但是浏览器会显示滚动条以便查看其余的内容
    ○ auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容