CSS 基础

基本语法

• 注释

/* 单行注释 */
/*
多行
注释
*/

布局

position

用于指定一个元素在文档中的定位方式。

• static
• relative 相对定位
• absolute 绝对定位
• fixed 不随屏幕滚动而滚动

文本设置

- 字体设置
font-family: "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi,
    sans-serif;
font-size: 30px;

- 颜色
color: #fff

常用设置

• 归零

* {
  margin: 0;
  padding: 0;
}

• 块常用设置

html,body,#<div> {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px; //圆角
}

overflow是设置当内容超过块级容器时，是否剪辑内容、是否显示滚动条或是否显示溢出内容。

/*默认值，不裁剪，显示在元素框外*/
overflow: visible;

/* 内容会被修剪，并且其余内容不可见 */
overflow: hidden;

/* 内容会被修剪，浏览器会显示滚动条以便查看其余内容 */
overflow: scroll;

/* 由浏览器定夺，如果内容被修剪，就会显示滚动条 */
overflow: auto;

/* 规定从父元素继承overflow属性的值 */
overflow: inherit;