css清除浮 动 float 1.分析HTML代码 div class="outer" div class="div1"1/div div class="div2"2/div div class="div3"3/div/div 分析css代码样式 .outer { border : 1px solid #ccc ; background : #fc9 ; color : #fff ; margin : 50px auto ; padding : 50px ;} .d...

2018-06-24 01:32:40

一、配色类网站 http://colorhunt.co 这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。 https://webgradients.com/ 180种渐变方案供你选择，...

2018-06-24 01:32:33

W3C标准中对css3的 transition 这是样描述的：css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。 transition主要包含四个属性值： 执行变换的属性...

2018-06-24 01:32:40

首先说下什么是浮动（float）：浮动的框可以向左向右移动，直到他的外边缘碰到包含框或者另一个浮动框为止。 浮动在css样式里面是很重要的，我们一起来看看浮动的特点： 1.脱离标准文档流（简称脱标），元素一旦脱离标准文本流，后面的元素会占据浮动元素原来的位置，...

2018-06-24 01:32:36

FlexBox简称“弹性盒子”，除了用于实现弹性布局，还可以用来居中内容，改变标记中的源码顺序。首先说明 IE9及以下浏览器不支持FlexBox。 .flex{ display:flex; flex:1; justify-content:space-between;} 这里使用了比较新的语法。但是，要想支持安卓浏览器（ v4 及以...

2018-06-24 01:32:34

一、复习 什么是CSS？ 层叠样式表 -层叠样式只会被覆盖而不会被替代 CSS的使用方式 style属性--- h1 style="css属性"/h1 sytle标签--- head标签里面 link---link rel="stylesheet" href="style.css" 基础选择器 html标签选择器 通过html标签名来选择元素 ①所有的html...

2018-06-24 01:32:33

前面的话 大部分的时候，作为前端，我们在写 CSS 样式之前，需要添加一份 reset.css 。CSS reset不仅用于清除默认样式，更是一种全局样式定义。如果项目前期不定制好CSS reset，后期维护阶段再对其进行修改，将会牵一发而动全身。本文将详细介绍CSS reset reset 以网易...

2018-06-24 01:32:15

变形分类 缩放 使用scale方法来实现文字或图像的缩放，在参数中指定缩放倍率。例如“scale（0.5）”，表示缩小50 倾斜 使用skew方法来实现文字或图像的缩放，在参数中指定水平方向的倾斜角度与垂直方向的倾斜角度，若只有一个数值，则为水平方向的倾斜角度，单位为deg...

2018-06-24 01:32:13

? if 函数的实现步骤: function +名字() 指定id , 指定开关(display: none or block) if + else 构成逻辑 控制开关 决定在 哪里 安置一个灯泡, 指定一个 id 给某个标签 把开关用 电线 连着灯泡, 安装 开关 #+id 名称{ 属性1= 赋值, 属性 2 = 赋值 , 属性3 = 赋值 } 所...

2018-06-24 01:32:11

1、先看有间距的布局效果： 2、少说多做，直接看代码（代码中有注释） 1 ! DOCTYPE html 2 html lang ="zh" 3 4 head 5 meta charset ="UTF-8" / 6 meta http-equiv ="X-UA-Compatible" content ="ie=edge" / 7 title 有间距的表格布局 / title 8 style type ="text/cs...

2018-06-24 01:32:09