关注
分享
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
别动我代码儿
这短短的一生，我们最终都会失去。你不妨大胆一些，爱一个人，攀一座山，追一个梦。
——大鱼海棠
展开
-
开发布局之-----Bootstrap(技术重点)
1.重点(栅格系统,响应式工具,预制类)2. 资源Bootstrap 来自 Twitter（推特），是目前最受欢迎的前端响应式框架。网址：中文网：http://www.bootcss.com/官网：http://getbootstrap.com/推荐：http://bootstrap.css88.com/框架:顾名思义就是一套架构，它有一套比较完整的网页功能解决方案，...原创 2019-11-23 14:32:03 · 2501 阅读 · 1 评论 -
H5移动开发布局之-------rem布局与媒体查询（less）
rem 布局1. 基本概念语法：只要子元素的属性值，设置采用rem单位，就会跟着发生等比变化；唯一控制（HTML是唯一）；rem单位，可以控制整个页面所有元素有关PX类；（宽、高、padding、margin、top…）只要是你设置数值的地方都可以实现控制；-例子1.根html 为 15px html { font-size: 15px; }2.此时 div 的宽就是 100px...原创 2019-11-03 20:45:09 · 839 阅读 · 0 评论 -
H5移动开发布局之-------流式布局~弹性布局(flex) ----圣杯布局
布局形式1. 流式布局百分比布局:使用场景比较传统，通过百分比控制盒子宽度demo :<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scal...原创 2019-11-03 14:13:45 · 1289 阅读 · 2 评论 -
H5移动开发之-------调试与视口
移动端内核浏览器：用来预览网页的软件☞ 内核： 用来渲染网页的一个渲染引擎（将HTML标签转化为我们可以识别的图文信息）☞ 内核分类： IE(Trident) 谷歌(Blink) 火狐浏览器(Gecko) 苹果(webkit) 欧朋浏览器(Presto)分辨率屏幕分辨率是指屏幕显示的分辨率。屏幕分辨率确定计算机屏幕上显示多少信息的设置，显示分辨率...原创 2019-11-03 13:08:46 · 719 阅读 · 0 评论 -
css3之[2D转化,动画,3D转化] 彩蛋之3D立方体
css3 新特性之2D1. 2D转化-位移 语法: /* 1.单个写 */ /* 转换 transform*/ /* 沿着X轴方向移动 translateX*/ transform: translateX(-100px); transform: translateY(100px); /* 相当于自身宽度 */ transform: translateX(1...原创 2019-08-16 00:15:19 · 605 阅读 · 0 评论 -
前端 -- css基础 05 [精灵图(雪碧图) 补间动画(过渡) H5新特性] -- {彩蛋: 实现元素的隐藏的几种方式}
css基础 051. ☞精灵图(雪碧图)总结：1. 精灵图其实就是一张背景图 —》 background使用步骤：将精灵图作为元素的背景图。通过background-position改变精灵图位置改变精灵图位置的时候，水平方向必须向左移动。垂直方向向上移动2. ☞过渡(补间动画)复合属性：/* 设置当前标签中哪个属性要有动画效果 */tr...原创 2019-08-13 23:48:00 · 895 阅读 · 0 评论 -
前端--css基础04[浮动,清除浮动,盒子阴影,边框圆角,伪元素,定位[四大定位]] ---彩蛋{清除浮动的方法,一个盒子居中的方案}
css基础041.浮动☞标准流: 在网页中标签的默认显示方式☞浮动(重点)float: left | right作用：通过浮动 + 盒子模型 实现网页布局（摆放盒子）特点：1. 元素设置浮动后，该元素会脱离标准流（元素不会再按照自己原来的默认方式去显示了）2. 当给元素设置浮动后，该元素不占位置（脱标）3. 当给元素都设置浮动后，元素会在一行显示（脱标）4. 文字不会受浮...原创 2019-08-12 21:09:11 · 2372 阅读 · 0 评论 -
前端--css基础03[盒子模型]
css 基础重点模块1. 盒子模型（重点）✔ 网页中的盒子： 指的就是各种标签（可以放内容的标签），一般网页中的盒子都特指 div✔ 作用：通过盒子实现网页布局。✔ 组成：边框（border）: 设置盒子的边框内容区域： 放置标签内容（内容：标签+文字+图片）内边距（padding）: 设置内容区域和边框直接的距离外边距 （margin）: 设置盒子与盒子整体之间...原创 2019-08-12 20:20:53 · 553 阅读 · 0 评论 -
前端--css基础02(css特性.行块级特点.属性[背景.颜色,文字及其文字阴影])
css 基础属性1. 网页中的显示方式块级元素：div, p, ul，ol, dl，li,dt,dd,h1…特点：✔ 所有的块级元素独占一行显示(与宽度无关)✔ 如果一个块级元素没有设置宽度，那么其默认宽度是等于其父元素的宽度。✔ 块级元素可以设置宽度或高度改变其大小。✔ 块级元素元素的高度默认是被其内容撑开行内元素span,a,strong,em,font…特点：...原创 2019-08-12 19:57:21 · 804 阅读 · 0 评论 -
前端--css基础 01
css基础笔记011. css概念css: 层叠样式表[ Cascading Style Sheets]css与网页之间的关系 :css 是依赖于网页的,依赖于HTML的页面CSS的写法：☞ 内嵌式写法： 将CSS代码写到html页面中，通过style标签☞ 外联式写法：将CSS代码单独放到一个CSS文件中，然后通过link标签在HTML页面中引入即可。（项目中推荐使...原创 2019-08-12 00:01:21 · 637 阅读 · 0 评论