随笔分类 -  HTML5/CSS3

CSS3和CSS
摘要：CSS3介绍 #CSS3 的出现，让代码更简洁、页面结构更合理，性能和效果得到兼顾。 #CSS3数据更精简实用，许多CSS2.0要用图片做效果，而css3可以直接用代码编写。 #CSS3目前广泛运用于微信活动页面开发等。有许多有趣的动图可以开发，包括一些3d动画的制作也是很有效的一种方式。动画实现的 阅读全文
posted @ 2017-05-12 15:30 Lucky锦 阅读(317) 评论(0) 推荐(0)
html5和html的区别
摘要：HTML简史 什么是html5？ 如果让我举例的话，我会这样比喻：过去的html就像你我身上穿着的衣服，而html5则是米兰、巴黎时尚T台上模特们的新装。新鲜悦目、其中一些内容能够在不久将来进入我们的生活，但不是现在，也有人说，就是现在。HTML5到底是什么 给外行解释html5： 给外行解释技术， 阅读全文
posted @ 2017-05-12 15:01 Lucky锦 阅读(804) 评论(0) 推荐(1)
区别HTML5中的div、artice、section
摘要：div 没有任何语义，用作布局以及样式化。 section 与div无语义相对，section大概就算是带有语义的div了。section表示一段专题性的内容，一般会带有标题。 section 应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。 section 不仅仅是一个普 阅读全文
posted @ 2017-05-12 12:41 Lucky锦 阅读(850) 评论(0) 推荐(0)
Flexbox布局
摘要：一、什么是Flexbox布局？ 1、Flexbox 布局是 CSS 3 新增的布局模式，在 display 中的值是 display: flex; display: inline-flex; 。 2、Flexbox是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。能 阅读全文
posted @ 2017-04-21 22:58 Lucky锦 阅读(324) 评论(0) 推荐(0)
CSS3选择器二
摘要：enabled 在Web的表单中，有些表单元素有可用（:enabled ）和不可用（ :disabled ）状态。 比如输入框，密码框，复选框等。 在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器 :enabled 对这些表单元素设置样式。 demo： 通过 :enabled选择 阅读全文
posted @ 2017-04-15 15:49 Lucky锦 阅读(158) 评论(0) 推荐(0)
CSS3选择器一
摘要：root :root 选择器——从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。 demo： result： not :not 选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元 阅读全文
posted @ 2017-04-15 14:14 Lucky锦 阅读(380) 评论(0) 推荐(0)
CSS3属性选择器
摘要：属性选择器 在CSS2中引入了一些属性选择器。 CSS3在CSS2的基础上对属性选择器进行了扩展，新增了3个属性选择器。 使得属性选择器有了通配符的概念，这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器。 如下表所示： example： Results： 阅读全文
posted @ 2017-04-14 23:17 Lucky锦 阅读(133) 评论(0) 推荐(0)
CSS3背景相关
摘要：适当的裁剪背景图片 语法: 效果展示： CSS3背景background-size 设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对比图片进行伸缩。 语法： 取值说明： 1、auto：默认值，不改变背景图片的原始高度和宽度； 2、<长度值>：成对出现如200px 5 阅读全文
posted @ 2017-04-14 22:39 Lucky锦 阅读(255) 评论(0) 推荐(0)
CSS3文字和字体
摘要：一、 text-overflow 与 word-wrap 1、text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 语法： 注： text-overflow只是用来说明文字溢出时用什么方式显示。 要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white 阅读全文
posted @ 2017-04-13 15:39 Lucky锦 阅读(269) 评论(0) 推荐(0)
CSS3颜色
摘要：一、颜色之RGBA RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。 RGBA是在RGB的基础上增加了控制alpha透明度的参数。 语法： 注： 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。 百分数值的取值范围为：0.0% - 100. 阅读全文
posted @ 2017-04-13 15:10 Lucky锦 阅读(208) 评论(0) 推荐(0)
CSS3边框
摘要：一、圆角效果 border-radius是向元素添加圆角边框。 使用方法： 注：border-radius的值除了能用px单位，还可以用百分比或者em，但兼容性目前还不太好。 实心上半圆： 方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于 阅读全文
posted @ 2017-04-13 14:38 Lucky锦 阅读(228) 评论(0) 推荐(0)
简单了解CSS3
摘要：一、CSS3兼容问题 在编写CSS3样式时，不同的浏览器可能需要不同的前缀。 它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性， 虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。 二、CSS3能做什么？ CSS3给我们带来了什么好处呢？ 简单的说 阅读全文
posted @ 2017-04-13 10:11 Lucky锦 阅读(186) 评论(0) 推荐(0)