DGL_CSDN的博客

1 css语法选择器 { 属性名：属性值; 属性名：属性值; ...}2 css注释/* 开始， */ 结束3 css引入方式 行内样式（写在标签内够，用 style 引入） 内嵌样式（写在head部分，用 style 标签包裹） 外部样式（写在head部分，通过 link 标签引入） 4 选择器 类选择器，标签中用class后跟类名；在css文件中用 .类名 id选择器，标签中用id后跟类名；在css文件中用 #类名...

1 透明1.1 rgba() 设置颜色透明度语法：rgba(R,G,B,A);RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）三个单词的缩写。RGBA颜色值是 RGB 颜色值的扩展，带有⼀个 alpha 通道 - 它规定了对象的不透明度。rgba()里的值的介绍： R：红色值。正整数 （0~255） G：绿色值。正整数 （0~255） B：蓝色值。正整数（0~255） A：透明度。取值0~1之间 r

1 BFCBFC（Block Formatting Context），块级格式化上下文，它规定了内部的块级元素的布局方式，默认情况下只有根元素（即body）⼀个块级上下文。 BFC是一个独立的布局环境，BFC内部的元素布局与外部互不影响 可以通过一些条件触发BFC，从而实现布局上的需求或解决一些问题 可以将BFC想象成一个工具，无需探究其定义，只要着重理解其功能（特性）即可 1.1 BFC布局规则 内部的块级元素会在垂直方向，⼀个接⼀个地放置 块级元素垂

1 定位属性（position）1.1 定义position 属性指定了元素的定位类型。取值： static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 sticky 粘性定位 1.1.1 static 定位HTML 元素的默认值，即没有定位，遵循正常的⽂档流对象。静态定位的元素不会受到 top, bottom, left, right影响。.static { positi..

1 浮动（float）1.1 定义float 属性定义元素向哪个⽅向浮动。之前这个属性应⽤于图像，使⽂本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会⽣成⼀个块级框，⽽不论它本身是何种元素。取值： none 默认值，不浮动 left 左浮动 right 右浮动 1.2 用法li { float:left;}横向排列布局<style> .box-item { float:left...

1 背景属性（background）1.1 定义background 设置背景的显示方式，是一个间歇属性设置顺序为：background-color background-image background-repeat background-attachment background-position可以设置如下属性： background-color 背景颜色 background-image 背景图片 background-repeat 背景平铺方式

1 盒模型1.1 CSS宽度（width）1.1.1 定义width 属性设置元素的宽度说明：这个属性定义元素内容区的宽度，在内容区外⾯可以增加内边距、边框和外边距取值： auto 元素实际宽度 length 设置像素级px宽度 % 基于父级元素的百分比宽度 inherit 从父级元素继承宽度，也就是等于父级元素的宽度 1.1.2 用法.auto { width:auto;}.length { width:20...

1 display1.1 定义和属性display 属性规定元素应该⽣成的框的类型 none 不显示元素 block 转换为块元素 inline 转换为行内元素 inline-block 转换为行内块元素 1.2 用法<style> p.inline { display:inline; }</style><p class="inline"> 我是p标签我是p标签我是p...

1 超链接样式1.1 链接状态a:link - 正常，未访问过的链接a:visited - ⽤户已访问过的链接a:hover - 当⽤户⿏标放在链接上时a:active - 链接被点击的那⼀刻注意：尽量按照上⾯的顺序写，不然⼀些状态不会起作⽤1.2 字体颜⾊超链接的color属性，不能继承，必须作⽤于它本身才⽣效2 列表样式1.1 list-style简写属性在⼀个声明中设置所有的列表属性。设置顺序：list-style-type, list-styl

1 伪类和伪元素1.1 伪类1.1.1 定义伪类⽤于向某些选择器添加特殊的效果1.1.2 常用用法给a链接添加⼏种状态：1 a:link {color: #FF0000} /* 未访问的链接 */2 a:visited {color: #00FF00} /* 已访问的链接 */3 a:hover {color: #FF00FF} /* ⿏标移动到链接上 */4 a:active {color: #0000FF} /* 选定的链接 */其他常⻅的伪类选择器

1 CSS文本属性CSS ⽂本属性可定义⽂本的外观。通过⽂本属性，您可以改变⽂本的颜⾊、字符间距，对⻬⽂本，装饰⽂本，对⽂本进⾏缩进等等。1.1 文本缩进text-indent 属性将⻚⾯上的段落的第⼀⾏进行缩进(首行缩进)，这是⼀种最常⽤的⽂本格式化效果。取值： <length>：⽤⻓度值指定⽂本的缩进。可以为负值。 <percentage>：⽤百分⽐指定⽂本的缩进。可以为负值。 p { text-indent:20px; ..

1 CSS字体1.1 字体样式font-style 设置字体样式 normal：指定⽂本字体样式为正常的字体 italic：指定⽂本字体样式为斜体。 .normal { font-style:normal}.italic { font-style:italic}1.2 文本字体font-family 属性设置⽂本的字体font-family 属性应该设置⼏个字体名称作为⼀种"后备"机制，如果浏览器不⽀持第⼀种字体，他将尝试下 ⼀种字体...

1 css基础1.1 css介绍css 层叠样式表（英⽂全称：Cascading Style Sheets）不仅可以静态地修饰⽹⻚，还可以配合各种脚本语⾔动态地对⽹⻚各元素进⾏格式化css 能够对⽹⻚中元素位置的排版进⾏像素级精确控制，⽀持⼏乎所有的字体字号样式，拥有对⽹⻚对象和模型样式编辑的能⼒1.2 css基础语法css 样式由选择器，⼀条或多条声明两部分组成 选择器 选择器可以是任意类型的（比如类选择器或者ID选择器） 声明 每条声明由⼀个属性和⼀个值组成