前端开发之CSS基础知识02

标签：att   demo   一个   Fix   层叠   bsp   imp   叠加   左右   

重要：
行内元素中只能容纳文本或其他的行内元素 a标签例外

文字类型的块标签，不要放其他块元素 如 P H1

CSS规范：
.demo {} 空格

font-size: 12px; 空格

.a1, .a2, .a3 {} 空格

后代选择器或子代选择器最好不要超过三层

文字分为 顶线 中线 基线 底线

CSS特性：
层叠行：若冲突，按照最后的为准

CSS权重(重要)：
标签 0.0.0.1 类选择器 0.0.1.0 id选择器 0.1.0.0
内联样式 1.0.0.0 !important 无穷大

比标签类型的权重，按照每个位去比，同类标签可以叠加，但是遇到继承后，有直接定义的单个标签，那么继承的权重为0

CSS继承：
虽然是继承，但是如果制定了相应的元素，那么继承的元素依然为0

CSS背景：

background-color:;

background-image:url;

background-repeat:no-repeat 或 repeat-x 或 -y； 重复背景

background-position: 5px 10px;第一个参数水平，第二个参数垂直

background-attachment:fixed;图片滚动变成固定；

简写：background:#000 url("/images/1.jpg") no-repeat fixed 水平center 垂直 top；

透明：rgba(23,23,5,0.2)

CSS盒子：
border-style:solid none dashed;线条类型

表格单元格边框合并：更细

border-collapse:collapse;

padding:
盒子由内往外撑开，依然属于盒子之内，边框之内

简写 padding 10px ;
padding 1px 2px 3px 4px;上，右，下，左

一个参数：padding: 10px; 全部
二个参数：padding: 10px 20px; 上下10 左右20
三个参数：padding: 10px 20px 30px;上10 左右20 下 10
四个参数：padding:10px 20px 30px 40px;上 右 下 佐

UL>LI取消小点：
list-style：none；

前端开发之CSS基础知识02

标签：att   demo   一个   Fix   层叠   bsp   imp   叠加   左右   

原文地址：https://www.cnblogs.com/huasongweb/p/9607243.html