一个前端初学者的博客

前端学习笔记,从基础入门到最后的网站开发,持续更新

Less 语法学习

Less 语法学习(1)Less 支持CSS 所有的语法(2)Less 支持多行/单行注释,但CSS 只支持多行注释,所以Less 中的单行注释不会被编译到CSS 文件(3)Less 有变量(Variable)的概念声明变量: @变量名: 值;使用变量: 选择器{ 样式: @变量名; }变量值可以...

2018-02-10 19:25:11

阅读数:48

评论数:0

CSS清除浮动

浮动 Floats 是 CSS 中的一种布局方式。它的渲染位置在行框与包含块之间,这样就可以使行框内文字与浮动元素不重叠并且环绕它显示。在布局过程中也经常会使用它来达到左右并排布局的效果。但是,由于浮动特性,容器如果没有明确设定高度,会依照普通流内元素高度设置,这样就会导致脱离普通流的浮动元素溢出...

2018-02-09 15:39:10

阅读数:31

评论数:0

CSS3-7

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

2018-01-30 09:12:19

阅读数:350

评论数:1

CSS3-6

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

2018-01-30 09:11:51

阅读数:17

评论数:0

CSS3-5

1、定位 1、定位属性 1、定位属性 属性:position 取值: 1、static 默认值,默认定位方式 2、relative 相对定位 3、absolute 绝对定位 4、fixed 固定定位 注意:position取值为 relative,absolute,fix...

2018-01-30 09:11:30

阅读数:18

评论数:0

CSS3-4

1、浮动(重难点) 2、显示 3、列表 4、定位(重难点) ***************************** 1、浮动 1、定位 1、什么是定位 元素该出现在网页的哪个位置处 2、定位方式 1、普通流定位 2、浮动定位 3、相对定位 4、绝对定位 5、固定定位...

2018-01-30 09:11:04

阅读数:344

评论数:0

CSS3-3

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

2018-01-30 09:10:39

阅读数:349

评论数:0

CSS3-2

************************************ 1、边框 2、框模型 3、背景属性 4、渐变 **************************** 1、边框 1、边框倒角 属性:border-radius 该属性为简写属性,可以设置四个角的倒角半径 ...

2018-01-30 09:10:04

阅读数:337

评论数:0

CSS3-1

1、CSS概述 1、问题 1、设置页面中所有的文本颜色为红色 2、页面中所有的div里面的文本的颜色变为 蓝色 3、页面中所有的div里面的文本的颜色变为 绿色 HTML元素属性的弊端: 1、想完成相同效果,却要使用不同属性 2、HTML元素改变的样式可重用性不高 2、CS...

2018-01-29 17:23:32

阅读数:20

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭