CSS3(5)---伸缩布局(Flex)
摘要:CSS3(5) 伸缩布局 有关页面布局之前写过三篇相关文章: 1、CSS(5) 盒子模型 2、CSS(6) 浮动(float) 3、CSS(8) 定位(position) 一、什么是Flex 布局 1、Flex 布局特点 上面三种布局都是基于盒状模型。依赖 display属性 + position属
阅读全文
posted @
2020-01-11 21:55
雨点的名字
阅读(2414)
推荐(5) 编辑
CSS3(4)---动画(animation)
摘要:CSS3(4) 动画(animation) 之前有写过过渡:CSS3(2) 过渡(transition) 个人理解两者不同点在于 过渡 只能指定属性的 开始值 与 结束值,然后在这两个属性值之间进行平滑过渡来实现动画效果,因此只能实现简单的动画效果。 动画 除了定义 开始值 和 结束值,在这之间还可
阅读全文
posted @
2020-01-04 23:37
雨点的名字
阅读(1567)
推荐(1) 编辑
CSS3(3)---2D变形(transform)
摘要:CSS3(3) 2D变形(transform) 2D变形是CSS3中具有颠覆性的特征之一,它常用的属性有:移动(translate)、缩放(scale)、旋转(rotate)、倾斜 (skew)。 ## 一、2D变形语法 1、移动 (translate) 移动的属性: translate trans
阅读全文
posted @
2020-01-01 22:31
雨点的名字
阅读(1084)
推荐(0) 编辑
CSS3(2)--- 过渡(transition)
摘要:# CSS3(2) 过渡(transition) 一、概念 1、什么是过渡 通俗理解 是从一个状态 渐渐的过渡到 另外一个状态。 比如一个盒子原先宽度为100px,当鼠标点击时盒子的宽度变成200px,如果直接从100px变化到200px。从视觉上看去并不友好。我们更喜欢看到的是平滑的过渡。 2、浮
阅读全文
posted @
2019-12-16 23:27
雨点的名字
阅读(1742)
推荐(0) 编辑
CSS3(1)---圆角边框、边框阴影
摘要:圆角边框、边框阴影 CSS3可以简单理解成是CSS的增强版,它的优点在于不仅有利于开发与维护,还能提高网站的性能。 一、圆角边框 圆角在实际开放过程中,还是蛮常见的。以前基本是通过背景图片做的,有了CSS3后可以使用简单的属性搞定,可以通过border-radius设置元素的圆角半径。 1、圆角边框
阅读全文
posted @
2019-12-12 23:07
雨点的名字
阅读(2675)
推荐(2) 编辑
CSS(8)---通俗讲解定位(position)
摘要:通俗讲解定位(position) CSS有三种基本的定位机制: 普通流、浮动、定位。前面两个之前已经讲过,详见博客: 1、CSS(5) 通俗讲解盒子模型 2、CSS(6) 通俗讲解浮动(float) 3、CSS(7) 通俗讲解清除浮动 一、为什么要用定位? 如果说浮动关键在一个 “浮” 字上面, 那
阅读全文
posted @
2019-11-21 23:03
雨点的名字
阅读(2042)
推荐(6) 编辑
CSS(7)--- 清除浮动(float)
摘要:通俗讲解清除浮动 上一篇讲了CSS浮动 博客地址:CSS(6) 通俗讲解浮动(float) 一、理解清除浮动 1、为什么要清除浮动 我们前面说过,浮动本质是用来做一些文字混排效果的,但是被我们拿来做布局用,则会有很多的问题出现。 由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产生影响,
阅读全文
posted @
2019-11-18 23:22
雨点的名字
阅读(1031)
推荐(3) 编辑
CSS(6)---浮动(float)
摘要:CSS(6) 通俗讲解浮动(float) CSS有三模块:盒子模型、浮动 、定位。上篇博客有讲到 盒子模型地址:CSS(5) 通俗讲解盒子模型 一、理解浮动 1、概念 概念 浮动可以理解为让某个div元素脱离标准流,漂浮在标准流之上,和标准流不是一个层次。 如果是第一次听说肯定还是还是一脸懵,下面我
阅读全文
posted @
2019-11-17 22:31
雨点的名字
阅读(1562)
推荐(3) 编辑
CSS(4)---三大特性(继承性,层叠性,优先级)
摘要:三大特性(继承性,层叠性,优先级) CSS有三大特性分别是: 继承性,层叠性,优先级。 一、继承性 概念 给父元素设置一些属性,子元素也可以使用,这个我们就称之为继承性。 注意 1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承 2.在CSS的
阅读全文
posted @
2019-11-13 23:03
雨点的名字
阅读(2514)
推荐(1) 编辑
CSS(5)---盒子模型
摘要:盒子模型 盒子模型四个关键字:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。 一、概念 1、 概念 盒子的概念就好比你现在网上买了一个苹果手机,那么新手机肯定是放在一个盒子里给你寄来。 那么这苹果手机本身就指的是 内容(c
阅读全文
posted @
2019-11-10 23:45
雨点的名字
阅读(1322)
推荐(3) 编辑
CSS(3)---块级标签、行内标签、行内块标签
摘要:块级标签、行内标签、行内块标签 html中的标签元素三种类型:块级标签、行内标签、行内块标签。 一、概述 1、块级标签 概念 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。 1)块级标签特点 1、每个块级元素都从新的一行开始,并且其后的
阅读全文
posted @
2019-11-06 23:21
雨点的名字
阅读(7674)
推荐(1) 编辑
CSS(2)---css字体、文本样式属性
摘要:css字体、文本样式属性 这篇主要讲CSS文本属性中的:字体样式属性 和 文本样式属性。 ## 一、字体样式属性 CSS 字体属性主要包括:字体设置(font-family)、字号大小(font-size)、字体粗细(font-weight)、字体风格(font-style)、字体颜色(color)
阅读全文
posted @
2019-11-04 23:45
雨点的名字
阅读(1903)
推荐(3) 编辑
CSS(1)---css语法、css选择器
摘要:CSS(1) css语法、css选择器 一、CSS语法 1、CSS语法 CSS 规则由两个主要的部分构成:选择器以及一条或多条声明。 属性 是您希望设置的 样式属性。每个属性有一个属性值。属性和属性值被冒号分开。 示例 <!-- 这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设
阅读全文
posted @
2019-10-30 23:28
雨点的名字
阅读(2805)
推荐(0) 编辑
【HTML】--- 列表、表格、form表单标签
摘要:Html常用标签(2) 上篇博客讲了些常用的html标签 : "【HTML】 常用标签(1)" 这里主要讲 和 。 一、列表、表格标签 1、列表标签 把内容以列表的形式展现。列表最大的特点就是 整齐 、整洁、 有序。 示例 运行结果 2、表格标签 表格的现在还是较为常用的一种标签,但不是用来布局。常
阅读全文
posted @
2019-10-28 22:26
雨点的名字
阅读(1373)
推荐(3) 编辑
【HTML】---常用标签(1)
摘要:Html常用标签(1) 重新整理学习下前端知识从Html标签开始。我们先看HTML 骨架格式: 1)head可以存放的标签: title , meta , base , style , script , link 2)body可以存放的标签: p , h , a , b , u , i , s ,
阅读全文
posted @
2019-10-27 20:35
雨点的名字
阅读(783)
推荐(2) 编辑