# backend-css

**Repository Path**: Tinywan/backend-css

## Basic Information

- **Project Name**: backend-css
- **Description**: 后端人员量身定制的CSS教程
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-08-03
- **Last Updated**: 2021-08-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# backend-css

### 介绍
后端人员量身定制的CSS教程

### 概述

*   CSS 指层叠样式表 (Cascading Style Sheets)
*   样式定义如何显示 HTML 元素
*   样式通常存储在样式表中
*   是为了解决内容与表现分离的问题
*   外部样式表可以极大提高工作效率
*   外部样式表通常存储在 CSS 文件中
*   多个样式定义可层叠为一

### 选择器
#### 1、基本选择器
（1）选择器优先级
如果该标签没有包含字标签，则优先级高于通配符。否则低于通配符优先级
#### 2、其他选择器
#### 3、伪类
#### 4、引入外部文件的样式

优先级（高到低）：

*   1、行内选择器优先级最高
*   2、内部和外部样式看加载顺序

    ```html
    <link rel="stylesheet" href="test.css">
    <style type="text/css">
        a {
            color: coral;
        }
    </style>
    ```
    > 内部样式高于外部样式
    
    ```html
    <style type="text/css">
        a {
            color: coral;
        }
    </style>
    <link rel="stylesheet" href="test.css">
    ```
    > 外部样式高于内部样式
        
*   3、伪类优先级，不会受到顺序限制，优先级高于内部样式
    
    > CSS伪类是用来添加一些选择器的特殊效果。如：`a:hover、i:first-child` 就是一个伪类

### CSS 属性

### CSS 布局

#### 浮动问题？
一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。

> 副作用

因为浮动使元素脱离了标准的文档流，从而导致父级元素无法被撑开

> 解决办法

在被浮动的元素后面，添加一个空的div,并且设置一个clear类，并赋值给该div元素
```css
.clear{
    clear:both;
}
```


## VUE

安装 `vue/cli@3`
```shell
npm install -g @vue/cli
```
查询当前配置的镜像
```shell
yarn config get registry
```
> nmp 设置 `npm get registry `

设置成淘宝镜像
```shell
yarn config set registry http://registry.npm.taobao.org/
```
> nmp 设置 `npm config set registry http://registry.npm.taobao.org/`