当前位置: 代码迷 >> 综合 >> CSS(6)——CSS汇总整理
  详细解决方案

CSS(6)——CSS汇总整理

热度:80   发布时间:2023-10-01 23:18:52.0

精通DIV + CSS

Meta(了解就行)

1、div span

2、三种样式表

  •     内联样式(行内样式)
  •     嵌入样式
  •     外部样式

    就近原则

3、常见样式

  •     复合样式 background  border
  •     css单位  %  px  em
  •     background-color
  •     color
  •     border-style
  •     border-width
  •     border-color
  •     display:none、block块、inline内嵌
  •     cursor 设置鼠标用的
  •     list-style-type:none
  •     float 浮动
  •     clear 清除浮动
  •     margin 间距
  •     padding 填充
  •     position 相对 绝对  固定

    更多的样式去查CSS帮助文档

4、样式选择器

  •     标签选择器 input
  •     类选择器 .class
  •     id选择器 #wrap
  •     标签+类选择器
  •     * 包含选择器 p strong(这是标签包含标签。另外也可以id包含id等,非常灵活,看你需要怎么用了)
  •     * 组合选择器 h1,h2,input{}
  •     伪选择器  为标签的不同状态设定样式

5、表格的细边框

6、ul 做菜单

7、布局

  •     表格布局
  •     框架布局
  •     div+css布局

   

    /* 强制英文换行 word-break:break-all; */
    /* 溢出后显示滚动条 */
    overflow:auto;
 

  相关解决方案