css样式类型

内联式(行内式)

作用当前行,不可以重用
内嵌式 外联式 作用整个网站,完全可以重用

HTML标签元素的分类

块级标签

-什么是块级标签:在html中

  • 就是块级元素
    -块级标签三特点:
    1一个块级元素独占一行
    2元素的高度、宽度、行高以及顶和底边距都可设置。
    3元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度

    行内标签

    -行内元素: 在html中

    行内 块标签

    -行内块元素: html 中Css2 - 图1标签就是这种内联块状标签
    特点: 内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点

    CSS层叠性和继承性

    1、层叠性所谓层叠性是指多种CSS样式的叠加。例如,当使用内嵌式CSS样式表定义

    标记字号大小为12像素,链入式定义

    标记颜色为红色,那么段落文本将显示为12像素红色,即这两种样式产生了叠加。
    2、继承性(子承父业)所谓继承性是指书写CSS样式表时,子标记会继承父标记的某些样式,如文本颜色和字号。想要设置一个可继承的属性,只需将它应用于父元素即可。

    优先级

    内联样式最大,内联样式的优先级最高。
    ID选择器的优先级,仅次于内联样式。类
    选择器优先级低于ID选择器
    标签选择器低于类选择器。

    CSS伪类

    :link伪类将应用于未被访问过的链接。IE6不兼容,解决此问题,直接使用a标签。
    :hover伪类将应用于有鼠标指针悬停于其上的元素。在IE6只能应用于a连接,IE7+所有元素都兼容。
    :active伪类将应用于被激活的元素,如被点击的链接、被按下的按钮等。
    :visited伪类将应用于已经被访问过的链接
    :focus伪类将应用于拥有键盘输入焦点的元素。

    背景

    background-color:设置背景颜色
    background-image:设置背景图片
    background-repeat: 设置背景平铺 one-repeat repeat-x repeat-y
    background-postion: 设置背景位置 left,right,center,top,bottom
    background-attachment: 设置背景是否固定
    背景连写 :没有先后顺序,都是可选的