CSS3 - 随笔分类 - 云崖先生

CSS常用简写

摘要：文本字体简写 font: italic bold 1em/1.5 'Courier New', Courier, monospace; 倾斜粗细字号/行高字体盒子模型内外外边距 padding/margin一个值：上下左右 padding/margin两个值：上下左右 padding/ 阅读全文

posted @ 2020-07-24 16:02 云崖先生阅读(394) 评论(0) 推荐(0)

CSS响应式布局

摘要：媒体查询媒体查询是响应式布局中非常常用的一种手段，在学习媒体查询之前要先了解什么是响应式。所谓响应式即在不同尺寸屏幕设备上响应的内容不同相信在之前你写的页面在PC端看非常华丽工整，但是一拿到移动端全部乱了套，这就是因为没有对页面做响应式处理。 Media Queries能在不同的条件下使用不同阅读全文

posted @ 2020-07-24 15:05 云崖先生阅读(655) 评论(0) 推荐(0)

CSS帧动画

摘要：基础知识通过定义一段动画中的关键点、关键状态来创建动画。@Keyframes相比transition对动画过程和细节有更强的控制。过渡动画是两个状态间的变化，帧动画可以处理动画过程中不同时间的细节变化，对过渡动画理解后再学习习帧动画会非常容易，也可以把帧动画理解为多个帧之间的过渡动画。一句话阅读全文

posted @ 2020-07-23 23:55 云崖先生阅读(744) 评论(2) 推荐(3)

CSS过渡时间

摘要：基础知识在了解CSS过渡时间之前，你应该先了解一下CSS的变形动画，可以参考之前的一篇博客。我们的元素在属性发生变化时，如果没有特地的为它设置过渡时间，整个变化过程其实是以毫秒级别进行的，过程非常快，肉眼不易察觉。故我们要学习CSS过渡时间，来让它的变化过程更加平滑。动画属性不是所有css 阅读全文

posted @ 2020-07-21 22:30 云崖先生阅读(782) 评论(0) 推荐(0)

CSS变形动画

摘要：前言在开始介绍CSS变形动画之前，可以先了解一下学习了它之后能做什么，有什么用，这样你看这篇文章可能会有一些动力。学习了CSS变形动画后，你可以为你的页面做出很多炫酷的效果，如一个3D的魔方，一个很酷的旋转菜单等等。在本章节中将会采用大量的实例进行演示，相信你如果看完这篇文章后写出的页面会更加阅读全文

posted @ 2020-07-21 00:14 云崖先生阅读(1094) 评论(3) 推荐(0)

CSS栅格布局

摘要：认识栅格布局 CSS的栅格布局也被称为网格布局(Grid Layout)，它是一种新兴的布局方式。栅格布局是一个二维系统，这意味着它可以同时处理列和行，与弹性布局相似，栅格系统也是由栅格容器包裹栅格元素进行使用。对于栅格布局来说，它的思想实际上非常简单，将一块区域绘制成格子，然后将元素填进去即可阅读全文

posted @ 2020-07-18 10:26 云崖先生阅读(7671) 评论(0) 推荐(3)

CSS弹性布局

摘要：认识弹性布局弹性布局就是使用Flex来进行布局，这是CSS3的一种新的布局方式，相较于浮动布局以及定位布局，弹性布局在开发效率以及维护性上都远胜与前两者。 Flex全称为Flexible Box，因此也被称之为弹性盒子。学习弹性布局最主要的还是要由两个方面入手弹性盒子弹性元素弹性盒子即是被阅读全文

posted @ 2020-07-16 17:09 云崖先生阅读(1295) 评论(0) 推荐(1)

CSS定位布局

摘要：基础知识在CSS布局中，定位布局也是一种非常常见的技术手段，我们以京东为例：上面是非常好的例子，对于定位布局来说它可以将一个元素放在页面上的任意一个位置。但是定位布局也不能滥用，因为它可能会出现一些意料之外的问题，所以我们只对一些需要定位的元素进行定位，而不需要定位的元素则使用文档流与浮动即可阅读全文

posted @ 2020-07-15 18:36 云崖先生阅读(470) 评论(0) 推荐(1)

CSS浮动布局

摘要：浮动布局浮动是CSS布局中经常使用的一种手段，其实说白了就是使元素进行漂浮脱离正常的文档流排列机制，实现一堆原本的block状态的标签可以并排显示，当然这也可以使用display:inline-block进行实现，但是通常情况我们不会那么做。那么在使用浮动时我们应该注意下面的几点。 1.浮动应该阅读全文

posted @ 2020-07-14 20:45 云崖先生阅读(518) 评论(0) 推荐(1)

CSS数据样式

摘要：表格定制表格我们除了可以使用<table>标签进行绘制表格，在css3中display也支持进行表格的样式绘制。样式规则说明 table 对应 table table-caption 对应 caption table-row 对应 tr table-cell 对应th或td table-row 阅读全文

posted @ 2020-07-14 12:21 云崖先生阅读(641) 评论(0) 推荐(2)

CSS背景处理

摘要：背景样式背景颜色如果想让一个区域具有纯色的背景，可以使用background-color进行设置，背景颜色可以是rgb，rgba，#16网页色。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=" 阅读全文

posted @ 2020-07-13 19:38 云崖先生阅读(424) 评论(0) 推荐(0)

CSS盒子模型

摘要：前言每一个元素，其实都可以将它看成是一个盒子。网页的布局里面也是大盒子不断的套着小盒子，那么我们首先要认识一下一个盒子的一些基本知识。 content：内容区域，可以由width与height来进行设置。 padding：内边距，指的是content与border的距离。 border：边框，边框阅读全文

posted @ 2020-07-13 11:50 云崖先生阅读(535) 评论(0) 推荐(0)

CSS文本控制

摘要：文本基础设置字体设置 font-family可定义多个字体，系统会以从左至右的顺序进行查找，如左侧字体不存在，就往右侧找。为什么要这么做呢？如果你只用了一种字体，而恰好人家电脑上没装，那么对不起了，他的显示肯定是有问题的。 <style> div { /* 多设置几种字体属性 font-fami 阅读全文

posted @ 2020-07-12 15:52 云崖先生阅读(489) 评论(0) 推荐(0)

CSS学习之选择器优先级与属性继承

摘要：选择器优先级其实选择器是具有优先级的，我们来看下面这一组案例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini 阅读全文

posted @ 2020-07-10 20:34 云崖先生阅读(381) 评论(0) 推荐(0)

CSS的引入与选择器

摘要：CSS与HTML的关系 Cascading Style Sheet 即层叠样式表在上一篇文中，已经介绍了一些非常常用的HTML标签，接下来将步入CSS的学习，如果将单纯HTML构成的页面当做是一副素描画，那么CSS就是为这幅画进行上色的。当然，CSS也可以对HTML文档进行布局，在最早没有出现C 阅读全文

posted @ 2020-07-09 23:11 云崖先生阅读(486) 评论(0) 推荐(0)

摘星小筑

摘星小筑

随笔分类 - CSS3

公告