锚点链接

HTML5+CSS3基础

文本缩进

text-indent使首行文字缩进,单位为em时表示相对于当前字体的两个字体大小的距离

行间距

line-height属性用于设置行间的距离,可以控制文字行与行之间的距离
HTML5+CSS3基础

css引入方式

  • 内部样式表
    HTML5+CSS3基础
  • 行内样式表
    HTML5+CSS3基础
  • 外部样式表

复合选择器

  • 后代选择器
    例如 ul li {} .nav ul li{}

  • 子元素选择器
    HTML5+CSS3基础
    例如.nav>a{}

  • 并集选择器
    例如div,p{color:pink}

  • 伪类选择器
    链接伪类选择器
    注意链接伪类选择器的顺序 linked visited hover active
    HTML5+CSS3基础
    HTML5+CSS3基础
    :focus伪类选择器
    HTML5+CSS3基础

css元素显示模式

  • 块元素
    可以设置宽高HTML5+CSS3基础HTML5+CSS3基础

  • 行内元素
    不能设置宽高HTML5+CSS3基础HTML5+CSS3基础

  • 行内块元素
    HTML5+CSS3基础
    案例:侧边栏:

相关文章: