注册 留言板
当前位置:首页 > 前端开发 > CSS

    CSS (层叠样式表)

        层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

        CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

CSS3动画

CSS3动画

2017-02-24   作者:duronal    浏览次数:0   

创建一个css动画,和构建普通css一样,只先构建一个@keyframes规则,然后将该规则置于某个元素选择器的animation属性之下即可执行。 所谓的css动画即是将一个元素在定义好的时间范围内,样式逐渐变成另外一种情形的效果。 1 定义动画规则规则 常规写法 @keyframes myAni

CSS补丁的痛楚 — 菲利普·沃尔顿

CSS补丁的痛楚 — 菲利普·沃尔顿

2017-02-24   作者:本站编辑    浏览次数:1   
css

在这篇文章中,我指出通过Houdini APIs(包括一些其他东西)能够用一种现在还不能做到的方式进行CSS功能补全。 当这篇文章被大家所普遍接受时,我在我的收件箱和推特上一次又一次地提到了一个突然出现的问题。这一问题的根本主旨是: 为什么CSS补丁这么难?我用过很多CSS补丁,它们都能够很好地满足

z-index详解

z-index详解

2017-02-22   作者:qq_36155558    浏览次数:0   

概念 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。   层级关系的比较 1. 对于同级元素,默认(或position:static)情况下文档流后面的元素会覆盖前面的。 2. 对于同级元素,position不为static且z-index存在的情

CSS3 display:box;和 box-flex详解

CSS3 display:box;和 box-flex详解

2017-02-22   作者:m0_37290635    浏览次数:3   

display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。 目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持,但可以使用它们的私

CSS 五种方式实现 Footer 置底

CSS 五种方式实现 Footer 置底

2017-02-21   作者:本站编辑    浏览次数:2   
css

页脚置底(Sticky footer)就是让网页的footer部分始终在浏览器窗口的底部。 当网页内容足够长以至超出浏览器可视高度时,页脚会随着内容被推到网页底部;但如果网页内容不够长,置底的页脚就会保持在浏览器窗口底部。 实现方法 1. 将内容部分的底部外边距设为负数 这是个比较主流的用法,把内容

CSS3的属性记载

CSS3的属性记载

2017-02-19   作者:qq_15010999    浏览次数:0   

字体相关属性 - font:复合属性,不推荐使用。 - color:设置字体颜色。 - font-family:设置文字字体。 - font-size:设置字体大小。 - font-size-adjust:控制不同的字体尺寸进行微调。 - font-stretch:改变文字横向的拉伸。 - font

CSS3动画使用方法实例

CSS3动画使用方法实例

2017-02-19   作者:m0_37290635    浏览次数:0   

<!DOCTYPE html> <html> <head> <style> div { width:100px; height:100px; background:red; position:relative; animation:go 1s infinite; -moz-animation:go

10个有趣的JavaScript和CSS库

10个有趣的JavaScript和CSS库

2017-02-19   作者:本站编辑    浏览次数:0   

LocalForage LocalForage是一个JavaScript的快速和简单的存储库。localforage提高你的Web应用程序的离线应用,采用异步存储(IndexedDB或WebSQL),提供一个简单的localStorage API。 MJML 制作响应式的电子邮件web页面一直被认为

纯css3.0打造具有绚丽视差滚动的图片切换

纯css3.0打造具有绚丽视差滚动的图片切换

2017-02-18   作者:qq_34800114    浏览次数:1   

用纯css实现这款banner切换,在摒弃了定时器效果下,加上滚动视差感堪称完美。 效果预览 先来剖析: 什么是视差滚动? 视差滚动(Parallax Scrolling)是指多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。 视差滚动的结构可以分成:背景层、内容层和悬浮层(贴图

第21节 css设置文本样式

第21节 css设置文本样式

2017-02-17   作者:qq_32895969    浏览次数:0   

css设置文本样式 <html> <head> <title>css设置文本样式</title> <style type="text/css"> </style> <link href="css样式.css" type="text/cs

共481条记录 1/49页  首页 上一页 下一页 尾页  第
精彩专题
友情链接:
设为首页 - 加入收藏 Copyright @2016 Infocool 版权所有 粤ICP备16000626号