-
CSS经验:与您分享六个CSS习惯
所属栏目:[经验] 日期:2018-08-28 热度:120
我们在我爱CSS中向大家介绍过很多CSS经验与技巧,这些东西都发布在52CSS.com的文章中,相信对大家是有一些帮助与启发的。有些习惯显得尤为重要,今天与您分享六个CSS习惯。因为习惯其实是会变的,所以只能写最近的。这些习惯都跟技术无关,如果不遵守,也不[详细]
-
CSS外部引用时用@import和link 的区别
所属栏目:[经验] 日期:2018-08-28 热度:165
外部引用CSS分为两种方式link和@import。本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别。 差别1: link属于XHTML标签,而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连[详细]
-
XHTML中JS浮动代码失效的解决方法
所属栏目:[经验] 日期:2018-08-28 热度:160
漂浮广告/对联代码 为什么在XHTML语言的网页中不能使用? 对联代码,查阅它在xhtml下的表达方式,结果很简单了。这是因为,按照标准来说,我们看到的窗体的滚动条不应该是 body 的,而是 HTML 的(也就是 document.documentElement 对象)所以,解决办法是[详细]
-
HTML基础(二):HTML内容细则
所属栏目:[经验] 日期:2018-08-28 热度:104
我们在第一讲里概括了一下网页的主要框架,现在我们来详细的研究网页的内部细则: 先从它的身体部分(body) 开始: 欣赏一个网页时,一般先注意到的是这个页面的背景,如果有背景音乐,那就更吸引人了!是不是呀,那么这些是怎么实现的呢?看下边: 1、背景[详细]
-
HTML基础(一):HTML的组成结构
所属栏目:[经验] 日期:2018-08-28 热度:110
HTML是网页主要的组成部分,基本上一个网页都是由HTML语言组成的,所以要学习网站怎样建设,必须从网页的基本语言学起。 HTML文件是什么? HTML表示超文本标记语言(Hyper Text Markup Language)。 HTML文件是一个包含标记的文本文件。 这些标记保速浏览器[详细]
-
div+css设计中ID的命名习惯和规范
所属栏目:[经验] 日期:2018-08-28 热度:111
大家都知道规范的css命名可以增强样式规则的可读性,便于后来你或别人对页面的修改。起初我写css规则的时候,用汉语的缩写来命名,现在看来是很不专业的,也给我的后期维护浪费精力。 根据自己的而写法习惯和网上的一些写法,我总结了一套适用自己的id命名写[详细]
-
Css 优先级问题分析
所属栏目:[经验] 日期:2018-08-28 热度:183
css优先级的四大原则: 原则一: 继承不如指定 如果某样式是继承来的永远不如具体指定的优先级高。 例子1: CODE: style type=text/css !-- *{font-size:20px} .class3{ font-size: 12px; } -- /style span class=class3我是多大字号?/span 运行结果:.cla[详细]
-
CSS实现鼠标移上去显示大图效果
所属栏目:[经验] 日期:2018-08-28 热度:84
--------------------------------------------------css部分----------------------------------- #demo{overflow:hidden;;text-align:center;padding:10px;} #demo img{border:none;border:5px solid #f4f4f4} #enlarge_images{position:absolute;displa[详细]
-
CSS 的重用性写法探索
所属栏目:[经验] 日期:2018-08-28 热度:147
在css的构建过程中,我们经常会定义某种属性,而这些属性又在多处使用。如字体的大小,颜色等。那么我们怎么样才可以最大限度的重用呢? 本讨论中,列举使用这两个属性(字体大小,颜色)的例子。如我们需要定义一段红色,字体大小为14px的段落。 通常可以[详细]
-
Google wave 的层阴影制作方法(css+图片)
所属栏目:[经验] 日期:2018-08-28 热度:130
前几天收到了一个google wave的邀请,说实话我对这个东西没啥兴趣,没时间去研究他到底是干什么的,但是作为一个前端,还是应该关心一下这些东西的,于是看了一下这玩意,看到第一眼嚼的好经验,我立即好奇起来,这种阴影好神奇啊,是咋做出来的呢,我去网上搜了一通,[详细]
-
CSS使用标签来创建导航菜单(滑动门教程)
所属栏目:[经验] 日期:2018-08-28 热度:77
利用标签来创建导航菜单,是一个比较流行的方法.那就跟木木一起来学一下如何使用标签来创一个导航菜单. 效果图: HTML和CSS代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w[详细]
-
如何使用css创建一个类似按扭的导航
所属栏目:[经验] 日期:2018-08-28 热度:118
大多数的网站的导航,点击时会像按扭的效果.这种效果往往是利用图像替换技术.或者是用一些javascript代码来实现. 那么我们来想一下是否可以用纯css来做这样的效果. 答案是肯定的,你会发现使用CSS来做这样的效果会显得更加简单.在这个教程中使用的是CSS边框[详细]
-
IE6/IE7/FireFox的CSS hack总结
所属栏目:[经验] 日期:2018-08-28 热度:180
摘要 昨天去178.com公司参加笔试,对CSS仅有一道题,要求是写CSS,在IE6/IE7/FF三款浏览器下显示不同的效果,本来是能写滴,可没想到竟然是选择题,而且用到了子选择器,这下完了,这语法很少见到,所以平时也不怎么关注,没想到竟然在这个时候碰上了。好[详细]
-
IE与Firefox的CSS兼容性差异比较
所属栏目:[经验] 日期:2018-08-28 热度:105
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和 Firefox 存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align[详细]
-
CSS+DIV定位浅析
所属栏目:[经验] 日期:2018-08-28 热度:118
在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下: 先看下各个属性值的定义: 1、static:默认值。没有定位,元素出[详细]
-
css技巧:如何使用CSS让菜单横向
所属栏目:[经验] 日期:2018-08-28 热度:91
在上面一节我们讲到的是垂直的导航.但是大多网站用的还是横向的导航,那么就来跟我学下横向导航是如何实现的.要怎么实现下面的效果.只要在列表项之间避免换行就行了,所以要把li转换为内联. HTML和CSS代码如下: Copy to Clipboard 引用的内容:[www.veryhuo[详细]
-
学习DIV+CSS难不难
所属栏目:[经验] 日期:2018-08-28 热度:110
CSS是不是真的很难学?其实不难,只是缺少了掌握的经验,拿着一本书硬肯,有没有收获?有!但可能成效不大,作为过来人我觉得被动学习想要记住的东西是很难的,学习它我的经验是可以先掌握精要(重要属性开始),待掌握精要自然而然这些属性远远不够满足自己的[详细]
-
Div+Css实现屏蔽效果
所属栏目:[经验] 日期:2018-08-28 热度:149
在做项目的过程中 用到了Yahoo 的YUI控件,其中的datatable 很方便,但是有些时候要把点击table事件屏蔽,于是便想到了用div+Css的方法实现这一效果。 【效果图】 总而言之,就是当某一事件被触发时,例如 按钮点击事件 。使一个事先定义好的div 显示, 并[详细]
-
HTML教程:TBody 的解释及用法
所属栏目:[经验] 日期:2018-08-28 热度:77
写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的,每个页面都有head ,body两部分,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。而这 三部分分别用:[详细]
-
css技巧:使用CSS做出一个嵌套导航.
所属栏目:[经验] 日期:2018-08-28 热度:97
副标题#e# 除非你的网站只有一页,不然你一定会用的导航的.事实上,导航在网页设计中是最重要部分之一.你要用很多时间去考虑如何让浏览者更容易访问你的网站. 在以前做网站导航时,往往依赖于图像,表格,和javascript.而这些都严重的影响了网站的可访问性和可使[详细]
-
IE中给select的innerHTML赋值时的bug
所属栏目:[经验] 日期:2018-08-28 热度:53
烈火网(LieHuo.Net)教程 IE中给select的innerHTML赋值时的bug,官方说明http://support.microsoft.com/kb/276228 html xmlns=http://www.w3.org/1999/xhtml head title无标题页/title/headbody onload=test()form id=form1 select id=select1optionaaaaa/o[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目:[经验] 日期:2018-08-25 热度:144
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果,这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现,实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果,在深入的复杂效果变化就非常多了,[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目:[经验] 日期:2018-08-25 热度:54
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
CSS.JS文件发布机制的思考
所属栏目:[经验] 日期:2018-08-25 热度:152
烈火网(Liehuo.Net)教程 在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决方案。 解决方案如下: 代码在开发中[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目:[经验] 日期:2018-08-25 热度:152
页面域关系: 主页面a.html所属域A:www.taobao.com 被iframe的页面b.html所属域B:www.alimama.com,假设地址:http://www.alimama.com/b.html 实现效果: A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且[详细]

浙公网安备 33038102330477号