当前位置: 代码网 > it编程>网页制作>

Css

可以给img元素设置背景图

2024-05-18 14:25 | 分类:网页制作 | 评论:0 次 | 浏览: 36

实现方法很简单:设置 img 元素为块元素(display:block;),并赋一个 padding 值。 根据上面的原理,举一反三,通过类...

不通过JavaScript实现的自动滚动视差效果

2024-05-18 14:25 | 分类:网页制作 | 评论:0 次 | 浏览: 37

这个效果是仿照chirs coyier的视差教程实现的,经过chirs的允许使用了其中的星空背景。 运行效果:在这里观看:http://ww...

div+CSS 兼容小摘

2024-05-18 14:25 | 分类:网页制作 | 评论:0 次 | 浏览: 30

区别ie6与ff: background:orange;*background:blue; 区别ie6与ie7: background:gr...

CSS的inherit与auto使用分析

2024-05-18 14:25 | 分类:网页制作 | 评论:0 次 | 浏览: 37

通常是一个很小的数值,经过层层放大歪曲后,整个布局就走形了。css是一门很简单的语言,易学易用,但也最容易出垃圾代码。这是没有深入研究这门语...

firefox下rowspan+border+border-collapse的bug

2024-05-18 14:25 | 分类:网页制作 | 评论:0 次 | 浏览: 65

后查具体情况概述为:firefox+table rowspan+border+border-collapse:collapse; 表现情况是...

了解CSS的查找匹配原理,让CSS更简洁、高效

2024-05-18 14:25 | 分类:网页制作 | 评论:0 次 | 浏览: 35

看1个简单的css: div#divbox p span.red{color:red;},按习惯我们对这个css 的理解是,浏览器先查找id...

Zen Coding 快速编写HTML/CSS代码的实现

2024-05-18 14:25 | 分类:网页制作 | 评论:0 次 | 浏览: 37

在本文中我们将展示一种新的使用仿css选择器的语法来快速开发html和css的方法。它由sergey chikuyonok开发。你在写htm...

Zen Coding css,html缩写替换大观 快速写出html,css

2024-05-18 14:25 | 分类:网页制作 | 评论:0 次 | 浏览: 53

阅读本文,先仔细阅读网站文章。 zen coding 快速编写html/css代码的实现 zen coding 替换展现'api'. zen...

浅谈href=#与href=javascript:void(0)的区别

2024-05-18 14:25 | 分类:网页制作 | 评论:0 次 | 浏览: 35

#"包含了一个位置信息默认的锚点是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页...

CSS3实例分享之多重背景的实现(Multiple backgrounds)

CSS3实例分享之多重背景的实现(Multiple backgrounds)

2024-05-18 14:21 | 分类:网页制作 | 评论:0 次 | 浏览: 37

css3的诞生为我们解决了这一问题,在css3里,通过background-image或者background可以为一个容器设置多张背景图像...

用css截取字符的几种方法详解(css排版隐藏溢出文本)

2024-05-18 14:21 | 分类:网页制作 | 评论:0 次 | 浏览: 41

方法一:说明:优点是内容可以为任何html元素,包括超链接和图片等,在ie6中还会在结尾自动显示省略号。缺点是必须指定宽度数值,并且宽度不能...

页面遮罩层,并且阻止页面body滚动。bootstrap模态框原理

2024-05-18 14:21 | 分类:网页制作 | 评论:0 次 | 浏览: 42

实现思路:1、需要有一个层将body遮住,放在body上方。2、修改body的overflow属性值为:hidden废话不多说了,将关键代码...

讨论CSS中的各类居中方式

2024-05-18 14:21 | 分类:网页制作 | 评论:0 次 | 浏览: 26

今天主要谈一谈css中的各种居中的办法。 首先是水平居中,最简单的办法当然就是也就是将margin-left和margin-right属性设...

如何使用CSS3画出一个叮当猫

如何使用CSS3画出一个叮当猫

2024-05-18 14:21 | 分类:网页制作 | 评论:0 次 | 浏览: 33

刚学习了这个案例,然后觉得比较好玩,就练习了一下。然后发现其实也不难,如果你经常使用ps或者flash的话,应该就会知道画个叮当猫是很容易 ...

div的offsetLeft与style.left区别

2024-05-18 14:21 | 分类:网页制作 | 评论:0 次 | 浏览: 24

clientx 事件属性返回当事件被触发时鼠标指针向对于浏览器页面(或客户区)的水平坐标。客户区指的是当前窗口。如果父div的positio...

详解CSS样式中的!important、*、_符号

详解CSS样式中的!important、*、_符号

2024-05-18 14:21 | 分类:网页制作 | 评论:0 次 | 浏览: 45

详解css样式中的!important、*、_符号!important、*、_其实没什么用,皆是用来设置样式的优先级,但是样式的优先级你可以...

详解IE6中的position:fixed问题与随滚动条滚动的效果

详解IE6中的position:fixed问题与随滚动条滚动的效果

2024-05-18 14:21 | 分类:网页制作 | 评论:0 次 | 浏览: 31

详解ie6中的position:fixed问题与随滚动条滚动的效果前言:在《【jquery】兼容ie6的滚动监听》()提及到解决ie6fix...

[<font color=red>原创</font>]高德地图WEB版基础控件展示

[原创]高德地图WEB版基础控件展示

2024-05-18 14:21 | 分类:网页制作 | 评论:0 次 | 浏览: 34

之前想自己做一个旅游导航的项目,在网上一搜发现了高德地图开放平台,发现原来高德可以很简单的就应用到自己的项目里面,当即我就申请了一个key来...

HTML5视频播放标签video和音频播放标签audio标签的正确用法

2024-05-18 14:21 | 分类:网页制作 | 评论:0 次 | 浏览: 34

如何嵌入视频和音频在网页里嵌入html5音频播放器和视频播放器的方法非常简单:<video src="//www.jb51.net/~...

webpack高级配置与优化详解

2024-05-18 14:18 | 分类:网页制作 | 评论:0 次 | 浏览: 38

所谓打包多页面,就是同时打包出多个 html 页面,打包多页面也是使用 html-webpack-plugin,只不过,在引入插件的时候是创...

5个HTML5的常用本地存储方式详解与介绍

5个HTML5的常用本地存储方式详解与介绍

2024-05-18 14:18 | 分类:网页制作 | 评论:0 次 | 浏览: 48

在 html5 规范之前,存储主要是用 cookies 。但cookies也有缺点:在请求头上带着数据;大小是 4k 之内;主 domain...

CSS代码检查工具stylelint的使用方法详解

CSS代码检查工具stylelint的使用方法详解

2024-05-18 14:18 | 分类:网页制作 | 评论:0 次 | 浏览: 41

css不能算是严格意义的编程语言,但是在前端体系中却不能小觑。 css 是以描述为主的样式表,如果描述得混乱、没有规则,对于其他开发者一定是...

如何学习html的各种标签

如何学习html的各种标签

2024-05-18 14:18 | 分类:网页制作 | 评论:0 次 | 浏览: 46

head标签学习网页标题标签<title>html学习</title> <!-- 告诉浏览器我们需要什么标题来...

不要在HTML中滥用div

2024-05-18 14:18 | 分类:网页制作 | 评论:0 次 | 浏览: 38

概述做前端开发的同学都知道,一个网页的基本组成部分是 html,javascript 和 css。开发人员通常更关注 javascript ...

详解CSS开发过程中的20个快速提升技巧

详解CSS开发过程中的20个快速提升技巧

2024-05-18 14:18 | 分类:网页制作 | 评论:0 次 | 浏览: 33

1、使用css重置(reset)css重置库如normalize.css已经被使用很多年了,它们可以为你的网站样式提供一个比较清晰的标准,来...

详解盒子端CSS动画性能提升

详解盒子端CSS动画性能提升

2024-05-18 14:18 | 分类:网页制作 | 评论:0 次 | 浏览: 43

流畅动画的标准理论上说,fps 越高,动画会越流畅,目前大多数设备的屏幕刷新率为 60 次/秒,所以通常来讲 fps 为 60frame/s...

如何在CSS中绘制曲线图形及展示动画

如何在CSS中绘制曲线图形及展示动画

2024-05-18 14:18 | 分类:网页制作 | 评论:0 次 | 浏览: 37

理解 box-shadow首先,回顾一下box-shadow这个属性。基本属性用法就是给元素创造一层阴影。再简单提一下,本文会用到的关于阴影...

详解CSS不定宽溢出文本适配滚动

详解CSS不定宽溢出文本适配滚动

2024-05-18 14:18 | 分类:网页制作 | 评论:0 次 | 浏览: 64

hover 时弹出框提示一种可行的方案是在 hover 的时候,弹出一个文本框展示全文,最简单的就是在文本标签下添加 title 属性,填充...

详解CSS玩转图片Base64编码

详解CSS玩转图片Base64编码

2024-05-18 14:18 | 分类:网页制作 | 评论:0 次 | 浏览: 39

什么是 base64 编码?  我不是来讲概念的,直接切入正题,图片的 base64 编码就是可以将一副图片数据编码成一串字符串,使...

浅谈由position属性引申的css进阶讨论

浅谈由position属性引申的css进阶讨论

2024-05-18 14:18 | 分类:网页制作 | 评论:0 次 | 浏览: 49

1.normal flow         normal flow(正常流):正常流是默认的定位方式。任何没有具体指定{position:a...

Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com