王龙楷

浪迹前端世界

两种方式实现CSS动画

实现CSS动画有两种主要的方法:过渡动画(transition)和animation动画。第一种:过渡动画(transition)。<!DOCTYPE html> <html lang="en"&...

2018-04-16 00:25:26

阅读数:183

评论数:0

多个CSS样式到底谁起作用

首先得知道css有三个特性:继承、层叠、优先级。这三个特性在决定选择器谁起作用时有考虑的优先顺序。 具体这三者是怎样影响选择器的请参考权威文档。这里我就只用大白话的形式告诉一些基本常识。 在考虑到底哪个css样式起作用时,先考虑继承,再考虑优先级,最后考虑层叠。 怎样个考虑法呢? 第一步:直接选中...

2018-04-12 21:10:55

阅读数:35

评论数:0

css3新增属性:多列(column)

css3多列能够创建多个列来对文本进行布局,就想报纸那样。关于多列的相关属性及属性值如下:column-count: number|auto;:指定元素应分为的列数。column-fill: 指定如何填充列 balance:(默认)列的高度尽量均衡 auto: 顺序填充内容高度可能差距很大。c...

2018-04-08 21:10:55

阅读数:44

评论数:0

关于浮动你不得不知道的知识

首先你得知道浮动属性出现的初衷是“为了实现文字环绕图片的效果”,只是后来被用在了“不正当的方面”。以下是我总结的16条关于浮动的规则。1.css允许浮动任何元素,且浮动的元素会从正常的文档流中脱离出来,不过它仍然会影响布局。2.浮动元素周围的外边距不会合并,不管周围的margin是否是浮动元素的都...

2018-03-31 01:35:32

阅读数:57

评论数:0

css实现元素居中的方法汇总

css实现居中的方法有非常多,所以这里不会全部列举。就选择自己比较喜欢的几种居中方式介绍一下。 推荐几篇关于“css居中”的文章供大家深入学习: 一、css垂直居中的11种方式 二、六种实现元素水平居中的方式 三、Centering in CSS:A Complete Guide(国外大牛...

2018-03-29 21:10:05

阅读数:43

评论数:0

css清除浮动的方法汇总

浮动在css中是非常重要但也是引起很多莫名问题的罪魁祸首,所以我们对它可谓又爱又恨。下面是我总结的几种清除浮动的方式(其中第一种是最常用的方式,很多大型网站都用到过):提醒读者:全文所有的实例代码都只有些微几行不同,为了让读者更清楚理解才在每个例子中都展现了完整代码。清除浮动方式一:父级div定义...

2018-03-28 20:36:09

阅读数:83

评论数:0

关于表格的HTML和CSS知识

关于表格的结构这里就不予介绍。表格的HTML属性及其作用(仅列出HTML5支持的属性):border:   该属性应用于table标签上,其决定表内部边框是否显示,属性值为1(其实属性值无所谓,只要声明了border属性就会显示内部边框,只是标准推荐为1)。当然在table、th、td上使用css...

2018-03-23 19:12:06

阅读数:80

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭