H5和C3新增 - 随笔分类 - 飄落的葉子

h5+css3 考试题

摘要：1、css3实现圆角属性？阴影？边框图片？答：border-radius: 百分比和像素 box-shadow : 水平方向阴影垂直方向的阴影阴影模糊程度颜色 border-image 2、对文字添加阴影属性？线性渐变？旋转？答： text-shadow : 水平方向阴影垂直方向阅读全文

posted @ 2020-08-24 22:08 飄落的葉子阅读(978) 评论(0) 推荐(0)

less安装与使用

摘要：less安装与使用定义：Less 是一门 CSS 预处理语言，Less 可以运行在 Node 或浏览器端。优点： 1、可以运行在Node或浏览器端， 2、增加了变量、Mixin、函数等特性 3、使css更加维护和扩展。 4、结构清晰，便于扩展 5、可以方便地屏蔽浏览器私有语法差异 6、可以轻松实阅读全文

posted @ 2020-08-23 10:02 飄落的葉子阅读(251) 评论(0) 推荐(0)

css3(四)响应式 Web 设计 - 媒体查询

摘要：(1) 、定义和使用使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。 (2) 、CSS 阅读全文

posted @ 2020-08-22 21:03 飄落的葉子阅读(98) 评论(0) 推荐(0)

css3(三)弹性布局

摘要：弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 ( 阅读全文

posted @ 2020-08-22 20:18 飄落的葉子阅读(181) 评论(0) 推荐(0)

css3(三)多列布局

摘要：css多列属性属性描述 column-count 指定元素应该被分割的列数。 column-fill 指定如何填充列 column-gap 指定列与列之间的间隙 column-rule 所有 column-rule-* 属性的简写 column-rule-color 指定两列间边框的颜色 col 阅读全文

posted @ 2020-08-21 22:11 飄落的葉子阅读(163) 评论(0) 推荐(0)

CSS3(三)3D 转换

摘要：(1) 、3D 转换 CSS3 允许您使用 3D 转换来对元素进行格式化。在本节中，您将学到其中的一些 3D 转换方法： rotateX() rotateY() (2) 、rotateX() 方法 rotateX()方法，围绕其在一个给定度数X轴旋转的元素 div { transform: rot 阅读全文

posted @ 2020-08-21 21:58 飄落的葉子阅读(156) 评论(0) 推荐(0)

css(三) 2D转换

摘要：(1)、什么是CSS3 转换 CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸。转换的效果是让某个元素改变形状，大小和位置。 (2) 、2D转换在本章您将了解2D变换方法： translate() 平移 rotate() 旋转 scale() 缩放 skew() 伸缩 matrix() 阅读全文

posted @ 2020-08-21 21:50 飄落的葉子阅读(148) 评论(0) 推荐(0)

css3(四) web

摘要：CSS3响应式布局响应式布局的优点响应式布局是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。优点：面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点：兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折中性质的设计解决方案，多方面因素阅读全文

posted @ 2020-08-21 08:41 飄落的葉子阅读(134) 评论(0) 推荐(0)

css3(二) 过渡和分页

摘要：1、定义过渡是元素从一种样式逐渐改变为另一种的效果（1）指定要添加效果的CSS属性（2）指定效果的持续时间默认值是0。没有任何效果 div{ transition:width 2s; -webkit-transition:width 2s;/*Safari */} 如果未指定的期限，tra 阅读全文

posted @ 2020-08-21 08:30 飄落的葉子阅读(162) 评论(0) 推荐(0)

css3(二)背景

摘要：CSS3中包含几个新的背景属性，提供更大背景元素控制。在本章您将了解以下背景属性：background-imagebackground-sizebackground-originbackground-clip(1)、background-image属性CSS3中可以通过background-imag 阅读全文

posted @ 2020-08-21 08:21 飄落的葉子阅读(99) 评论(0) 推荐(0)

css(二) 渐变

摘要：一、渐变的定义 CSS3渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用CSS3渐变（gradients），你可以减少下载的时间和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览阅读全文

posted @ 2020-08-20 20:43 飄落的葉子阅读(119) 评论(0) 推荐(0)

css3(一)

摘要：1、CSS3简介如同人类的的进化一样，CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性，弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷动画圆角阴影边框图片… 2、CSS3现状 1、浏览器支持程度差，需要添加私有前缀 -webkit- ：谷歌、Safari - 阅读全文

posted @ 2020-08-19 22:29 飄落的葉子阅读(96) 评论(0) 推荐(0)

css3选择器总结

摘要：一、基本选择器 1、通配符选择器 *{marigin: 0; padding: 0; } 2、类名选择器（1）选择指定 class 属性值为“class”的任意类型的任意多个元素。比如下面给使用了 important 这个类名的元素设置样式。（2）类选择器还可以结合元素选择器来使用。比如我们有好阅读全文

posted @ 2020-08-19 22:09 飄落的葉子阅读(727) 评论(0) 推荐(0)

HTML（二）

摘要：// 模糊查询 <style> #div1{ width: 200px; height: 200px; border: 10px dashed greenyellow; display: none; } </style> </head> <body> <input type="text" id="i 阅读全文

posted @ 2020-08-18 21:53 飄落的葉子阅读(118) 评论(0) 推荐(0)

HTML5(一)

摘要：HTML5初识 HTML5是继htnl\html4.01后下一代，设计目的是为了在移动设备上支持多媒体，简单易学。优点提高可用性和改进用户的友好体验。有几个新的标签，这将有助于开发人员定义重要的内容。可以给站点带来更多的多媒体元素(视频和音频)。可以很好的替代FLASH和Silverlig 阅读全文

posted @ 2020-08-18 08:52 飄落的葉子阅读(127) 评论(0) 推荐(0)

随笔分类 - H5和C3新增