CSS3实现圆角 (border-radius: 8px) 阴影 (box-shadow: 10px) 对文字加特效 (text-shadow) 线性渐变(gradient) 旋转(transform):rotate(9deg) 缩放 (transform):scale(0.85,0.90) 倾斜( ...
分类:
Web程序 时间:
2019-05-02 18:34:25
阅读次数:
179
每天解决3~5个 第一阶段 HTML、CSS、HTML5、CSS3 1、XHTML与HTML的有何异同? 2、介绍一下CSS的盒子模型?弹性盒子模型是什么? 3、Doctype的作用?标准模式与兼容模式各有什么区别? 4、HTML5 为什么只需要写 <!DOCTYPE HTML ? 5、行内元素有哪 ...
分类:
其他好文 时间:
2019-05-02 00:08:49
阅读次数:
140
background-color(CSS2) background-image background-position background-size background-repeat background-attachment background-origin background-clip ...
分类:
Web程序 时间:
2019-04-30 01:00:18
阅读次数:
837
## 什么是弹性盒子 弹性盒子模型是css3中新提出的一种布局方案。是一种为了应对针对不同屏幕宽度不同设备的一整套新的布局方案。主要是对一个容器中的子元素进行排列、对齐和分配空白空间的方案的调整。 ## 如何设置一个弹性盒子 ``` 如何将一个容器变为弹性容器呢?display:flex|inlin ...
分类:
其他好文 时间:
2019-04-29 14:09:18
阅读次数:
147
本文介绍的是 CSS3 规范中引入的新布局模型:弹性盒模型(flex box)。随着响应式用户界面的流行,Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率。 浏览器支持: 弹性盒布局的容器(flex container)指的是采用了弹性盒布局的 DOM 元素,而弹性盒布局的条目(flex it ...
分类:
Web程序 时间:
2019-04-27 21:36:10
阅读次数:
195
一天有一天的任务。 安逸的另一个名字,叫灭亡。 CSS 1.布局 2.css盒模型 3.css3新增属性 算法 1.冒泡排序 2.去重 Vue 1.与React,Angular的区别 2.mvvm区别 3.双向绑定 4.生命周期 ...
分类:
其他好文 时间:
2019-04-27 19:45:11
阅读次数:
166
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div class="par"> <div class="cld1">1</div> <div cla ...
分类:
Web程序 时间:
2019-04-26 13:02:12
阅读次数:
355
本文转自:https://www.cnblogs.com/nuannuan7362/p/5823381.html 一、简要介绍 css3最喜欢的新属性之一便是flex布局属性,用六个字概括便是简单、方便、快速。 flex( flexible box:弹性布局盒模型),是2009年w3c提出的一种可以 ...
分类:
其他好文 时间:
2019-04-25 11:55:26
阅读次数:
114
1、flex布局 案例一: 案例二: 保证不至于缩放得太小或太大 案例三:flex的值不一定要写成几份,可以写成固定值 案例四: 竖着3等分(父容器按照高度3等分) !!案例 用flex布局写携程网(发现携程网是伸缩布局:根据屏幕自适应) flex: 2 意义是啥 (剩余宽度里占比2等份) flex ...
分类:
Web程序 时间:
2019-04-21 10:18:15
阅读次数:
178