HTML入门第四天

0722

样式表

行内样式

写在开始标签内部 只对当前标签有效果
style=属性名：属性值；属性名：属性值

内补样式表

只对当前html有效
把style写在head中
把style表签写入选择器{}
在{}写入选择器{属性名：属性值；属性名：属性值}

外部样式表

在css文见中编写
在css文件中写入选择器{}
在{}写入选择器{属性名：属性值；属性名：属性值}
在需要使用的页面内 使用link标签引入 一般写在style上

选择器

*标签选择器

.class选择器

标签选择器

css样式

颜色

• color前景色
• background-color背景色

字体

• font——size字体大小
• font—weiht字体粗细

边框

• border： 1px solid red

• border——*

  • 上下左右边框

• border——radius

  • 弧度

外边距

• margin

• margin-*

  • 上下左右

    • 只有一个数

      • 代表上下左右

    • 两

      • 上下 左右

    • 三

      • 上 左右 下

    • 四

      • 顺时针

内补

• padding

• padding-*

  • 上下左右

    • 只有一个数

      • 代表上下左右

    • 两

      • 上下 左右

    • 三

      • 上 左右 下

    • 四

      • 顺时针

宽高

• width height

文本

• text-align

  • center

    • 水平居中

• height=line-height

  • 垂直居中

• text-decoration: none;

  • 去除下滑线

显示

• display

  • inline

    • 行内元素

  • block

    • 块元素

  • inline—block

    • 行内块元素

  • none

    • 不显示