一个前端初学者的博客

浮动 Floats 是 CSS 中的一种布局方式。它的渲染位置在行框与包含块之间，这样就可以使行框内文字与浮动元素不重叠并且环绕它显示。在布局过程中也经常会使用它来达到左右并排布局的效果。但是，由于浮动特性，容器如果没有明确设定高度，会依照普通流内元素高度设置，这样就会导致脱离普通流的浮动元素溢出容器，影响其后元素布局。我们将现有已知的清楚浮动元素方法罗列下：采用一个HTML标签，以及css的cl...

1、CSS概述1、问题1、设置页面中所有的文本颜色为红色2、页面中所有的div里面的文本的颜色变为 蓝色3、页面中所有的div里面的文本的颜色变为 绿色HTML元素属性的弊端：1、想完成相同效果，却要使用不同属性2、HTML元素改变的样式可重用性不高2、CSSCSS:Cascading Style Sheets层叠样式表，级联样式表，样式表特点：

Less 语法学习(1)Less 支持CSS 所有的语法(2)Less 支持多行/单行注释，但CSS 只支持多行注释，所以Less 中的单行注释不会被编译到CSS 文件(3)Less 有变量(Variable)的概念声明变量： @变量名: 值;使用变量： 选择器{ 样式: @变量名; }变量值可以是任意合法的样式值。(4)Less 可以执行样式/变量的计算加、减、乘、除、取余(5)Less 支持样...

************************************1、边框2、框模型3、背景属性4、渐变****************************1、边框1、边框倒角属性：border-radius该属性为简写属性，可以设置四个角的倒角半径取值：以px为单位 或 以 % 为单位单角定义:border-top-left-ra

1、渐变1、什么是渐变多种颜色变化的一个过程分类：1、线性渐变2、径向渐变3、重复渐变(线性,径向)特点：1、渐变都有填充方向(线性渐变)2、色标(颜色，位置)2、语法属性：background-image取值：1、linear-gradient():线性渐变2、radial-gradient():径向渐变3、repeating-

1、浮动(重难点)2、显示3、列表4、定位(重难点)*****************************1、浮动1、定位1、什么是定位元素该出现在网页的哪个位置处2、定位方式1、普通流定位2、浮动定位3、相对定位4、绝对定位5、固定定位3、普通流定位又称为 文档流定位网页元素默认定位方式页面元素块级元素-从上到下的方

1、定位1、定位属性1、定位属性属性：position取值：1、static默认值，默认定位方式2、relative相对定位3、absolute绝对定位4、fixed固定定位注意：position取值为 relative，absolute，fixed 的元素被称为 已定位元素2、偏移属性作用：移动已定位元素属性：top:值;b

1、转换2、过渡3、动画4、CSS 优化******************************1、转换1、转换简介1、什么是转换改变元素在页面中的大小，位置，角度和形状的一种方式2、转换分类1、2D转换使元素在x轴和y轴上发生变化效果2、3D转换在2D转换基础上，增加 z轴的变化效果3、转换属性属性：transform取

1、复杂选择器2、内容生成3、多列4、CSS Hack(浏览器兼容性)*******************************1、复杂选择器1、兄弟选择器1、作用通过元素的平级关系来匹配其他元素只能向后不能向前2、分类1、相邻兄弟选择器匹配指定元素的相邻兄弟相邻：紧紧挨在指定元素的后面语法：选择器1+选择器2ex:1