-
知道吗?H1标签同样也可以美化
所属栏目:[系统] 日期:2020-09-22 热度:147
大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因,很多标题性的文字做成了图片。大多数情况下,切割页面的时候就直接用上了图片。在代码上,H1也就对搜索引擎失去了作用。 h1img src=http://www.jb51.net[详细]
-
另一个角度谈谈DIV CSS
所属栏目:[系统] 日期:2020-09-22 热度:85
看了cragle的《有没有必要将网站Div Css重构?》的文章,有一些想法不说不快,我也在文章的评论里提到曾经开除过两个执着使用div技术的美工,遭到一些朋友的反对,但也有一位技术总监的朋友发帖表示支持,很经典的话就是:做站是给人看的。不是给机器。符合[详细]
-
由浅入深实践学习 Web 标准
所属栏目:[系统] 日期:2020-09-22 热度:136
如果你还不知道 Web 标准是什么,那么我给一个定义:从 05 年开始才在中国流行起来的一种做网页的方式,并且现在保持着一定的热度。新浪、网易这两大门户网站的首页都是标准的(或接近标准)。我这么定义,是说作为一个新锐的网页设计师,如果你现在还不知[详细]
-
CSS网页设计中的解决方案
所属栏目:[系统] 日期:2020-09-22 热度:134
1、说明本文阐述了8条我们发现的在用CSS设计中有用的解决方案。 2、浏览器特定的选择器 查看原文:?p=324 英文地址: 翻译说明: 这是Solid State Group网站上的一篇很友好的文章,解决了我在设计中遇到的很多问题,故在此我翻译其文,并对原作者表示非常[详细]
-
Firefox和IE通用的三则网站重构实用技巧
所属栏目:[系统] 日期:2020-09-22 热度:192
使用zoom、overflow解决IE6、IE7、FF下嵌套容器清除浮动问题 我们经常遇到一个容器外面套一个边框,边框高度随容器高度变化,但是当边框内容器设置了浮动属性后,外框就不跟随变化,这时就需要清除浮动。给外边框容器加上overflow:auto的属性,可以解决IE7[详细]
-
CSS:清除浮动的最优方法
所属栏目:[系统] 日期:2020-09-22 热度:149
在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动,嘿嘿,这个方法不单使用简单,而且FF、OP、IE7都支持,从此可以告别那又长兼容性又差的FF清浮动的方法了。 方法真的很简单,只要为需要清浮动的标签加上overflow这个属性。 CSS[详细]
-
CSS去除表格的默认间距并且制作1px的细线表
所属栏目:[系统] 日期:2020-09-21 热度:169
现在在所谓div css的风气下,很多人放弃了表格,其实应该让每个标签物尽其用,在表现数据的地方,我们还是应该使用table。但是,我们在建立table的时候,会发现它会具有一些默认的样式,比如单元格td之间会有间距,所以我们通常开头是这样写的: table bor[详细]
-
CSS隐藏网页文字的几种常用方法
所属栏目:[系统] 日期:2020-09-21 热度:118
display:none:它可以使包括容器本身在内的东西都消失,简便且有效,但它有两个耳熟能详的缺陷,那就是对搜索引擎不友好,且被屏幕阅读器所忽略。 text-indent:-9999px:text-indent是首行缩进,所以对于多行文本,若单独使用它就有明显的不足,需加上whit[详细]
-
总结新手学CSS容易出现错误的内容
所属栏目:[系统] 日期:2020-09-21 热度:59
一些新手容易忽略或者出现错漏的地方。 1.首先是对于布局标签的定义。 有时候写好了css,但是反复调试总发现效果差强人意,有那么一块空白,挥之不去。其实这就是对于标签定义的不严谨造成的。因为在xhtml的部分标签里,有一些的默认属性值不一定是为空或[详细]
-
网站配色,CSS主色调配色方案
所属栏目:[系统] 日期:2020-09-21 热度:54
对于设计时,风格定位有困难的人会有一定帮助吧?我也想研究一下! ---------------------------------------------------------------------------------------------------------------------------------------------- 一、红色的色感温暖,性格刚烈而外[详细]
-
DIV CSS制作网页时易犯的错误总结
所属栏目:[系统] 日期:2020-09-21 热度:182
CSS+DIV是网站标准(或称WEB标准)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css div的方式实现各种定位。应用应用DIV CSS编码时很容易犯一些错误。本[详细]
-
DIV CSS制作的个性水平导航菜单实例
所属栏目:[系统] 日期:2020-09-21 热度:133
先看下效果: CSS样式代码: 以下为引用的内容: #pointermenu{ border-top: 7px solid black; /*optional border across top*/ margin: 0; padding: 0; } #pointermenu ul{ margin: 0; margin-left: 15px; /*menu offset from left edge of window*/ float:[详细]
-
PDF、ZIP、DOC链接的标注(CSS技巧)
所属栏目:[系统] 日期:2020-09-21 热度:78
原文: 翻译: css技巧之PDF、ZIP、DOC链接的标注 有时候我们希望能明确的用小图标来标明我们的超链接的类型。是一个zip文档还是一个pdf文件。这样访问者就知道他所要点击的这个链接是下载而不是打开另一个页面了。如果所有的人都使用IE7或者FF的话。我们[详细]
-
巧用CSS滤镜制作绚丽图片播放效果
所属栏目:[系统] 日期:2020-09-21 热度:153
CSS中有revealTrans滤镜在网页中制作特效非常有用处。这次,我们准备介绍另一种使用revealTrans滤镜制作出超弦图片播放的效果。 实现思路:使用revealTrans滤镜制作出超弦图片播放的效果,并每张图片有各自的链接地址。 制作方法: 1、在head中插入JS代码:[详细]
-
学习CSS了解单位em和px的区别
所属栏目:[系统] 日期:2020-09-21 热度:109
这里引用的是Jorux的95%的中国网站需要重写CSS的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数[详细]
-
iOS 13.3.1 更新:定位功能可以完全关闭,拍照速度提升
所属栏目:[系统] 日期:2020-08-25 热度:101
副标题#e# 尽管相隔前一版系统有 40 多天,但苹果这次只是推出了 iOS 13.3.1,综合来看只是对之前 iOS 13.3 的一次小修小补。 不过,这次更新修复了 Deep Fusion 拍摄延迟和增加 U1 芯片的开关控制,对于 iPhone 11 和 iPhone11 Pro 用户来说,也是一个值得[详细]
-
Css Reset(复位)的简单介绍
所属栏目:[系统] 日期:2020-08-23 热度:119
Css Reset是什么? 有些同行叫 css复位,有些可能叫 默认css..... 相信看完全文您会对Css Reset有个重新的认识 原文地址: PS: * { padding: 0; margin: 0; } 这就是最常用的Css Reset,但是这里会有很多问题。 原文前部分说了很多关于Css,以及各浏览器的css[详细]
-
网页布局 CSS简单实现垂直居中
所属栏目:[系统] 日期:2020-08-23 热度:61
英文原文: 中文译文: 本人英语还没过四级,所以不能说是翻译把,只能说是按照自己的理解去叙述了一遍作者的意思,请各位多多指教。 译文内容: 当你发觉你曾经以为的事实其实并不是那样,你会感觉很开心。 旧的方法 经常做的第一件事通常是如何在 CSS 中[详细]
-
学习css需要什么软件
所属栏目:[系统] 日期:2020-08-23 热度:120
原文: 我想把本篇作为css基础教程的序曲,从今天开始翻译和整理我从设计网页以来所学到的css基础知识。本教程会分成N个部分,单独发表,其间可能会插入几篇与教程无关的文章。没有具体的教程发表进度,推荐关注本教程的朋友订阅本站Feed。教程内容的30%-50[详细]
-
CSS教程:网页布局定位及z-index解释
所属栏目:[系统] 日期:2020-08-23 热度:111
声明 定位元素: position属性值设置除默认值static以外的元素,包括relative,absolute,fixed。 平台:win/IE win/FF z-index 用来确定定位元素在垂直于显示屏方向(以下称为Z轴)上的层叠顺序 值:auto | 整数 | inherit 默认:auto 适用于:定位元素[详细]
-
CSS网页实例:斜角滑动门导航条
所属栏目:[系统] 日期:2020-08-23 热度:131
斜角导航条看上去立体感比较强,但实现起来比较麻烦;这是前几天写的一个测试代码,实现时,本来想用简单的图片加负数来实现;但GIF图片对半透明的效果无法有很好的支持;所以一边写代码,一边在改图,图片改的比较乱,CSS也没有优化; 但效果出来了; 写[详细]
-
CSS教程:容器定位
所属栏目:[系统] 日期:2020-08-23 热度:141
原文:?id=140 很神奇的一个晚上,居然在以前老同事的群里跟同事讨论起CSS的东西来了,不过很意外的还是有收获。在IE中常常会碰到如果将容器定位后,出现容器内的文字不可选择(测试的时候主要用带连接的文字)。 xhtml结构: div a href=#定位后无法选择[详细]
-
使用Flex布局实现头部固定内容区域滚动的方法
所属栏目:[系统] 日期:2020-08-21 热度:57
页面头部固定布局以前用 position:fixed实现,如今可以用flex布局实现,快捷方便。 Flex布局好处:1.不破坏html文档流 2.兼容性更好。 display: flex 和 display: -webkit-box 仅是各阶段命名,并没有区别。 view view class=header/view view class=conten[详细]
-
css教程:css指令,兼容,注释,selector
所属栏目:[系统] 日期:2020-08-21 热度:79
1.2 跟css有关的标记,指令1.2.1 linklink rel=stylesheet type=text/css href=http://www.jb51.net/css/sheet1.css media=all /link标记的用意是允许将html与其他文档相关联。Css用link将css文档与html文档想关联。Css文档虽然不是html的一部分,但是被[详细]
-
div css在思路和流程上实现结构与表现的分离
所属栏目:[系统] 日期:2020-08-21 热度:72
内容与表现分离,从标准到国人重视那天起,就已经讨论了,但是停留在div cssxhtml css纯代码的分离,思想上流程上,到底如何分离? 古老的话题:一首古诗的分离 1.给你一首古诗,保存为毫无格式的一堆文字,你去理解它的内容,进行结构的处理。用word排版[详细]