仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1100|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 给大家带来CSS教程:dashed和dotted的区分

[复制链接]
兰色精灵 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:33:46 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
网页制造poluoluo文章简介:原本想用border来摹拟计划图的虚线效果,可是很分明border效果不如计划图来的悦目。特地研讨了下dashed和dotted的区分。
比来的一个页面中碰着的,原本想用border来摹拟计划图的虚线效果,可是很分明border效果不如计划图来的悦目。特地研讨了下dashed和dotted的区分。
起首,从字面下去了解,dashed和dotted都是指“虚线”,他们的分歧在于:
dashed:来自dash(破折号),由dash构成的虚线
dotted:来自dot(点),由dot构成的虚线,也称点线
这里多说几句空话,实在参看下demo,就可以从视觉上取得更直不雅的感觉了。
上面再说说相干的bug吧,固然了,这些bug再一次只是光彩地呈现在了IE下,此处触及到IE6和IE7。
Bug1:在IE6下,1px宽的dotted体现的和dashed一样。当宽度年夜于1px时,体现一般。

Bug2:在IE7下,当4条边的宽度是1px和别的恣意数值共存时,1px的dotted体现的和dashed一样。4条边的宽度全为1px,大概为别的不是1px的分歧值时不会呈现这个bug。

Bug3:别的,IE6下,1px的dotted大概1px的dashed边框,在拖动页面时,偶然候边框会连成实线,偶然候会呈现缺口。

要办理这些bug,要末间接就不必dotted而间接用dashed;要末用图片取代;要末用分外标签和代码来办理。
鉴于只要在边框宽度为1px时才会呈现这些bug,能够设置外包抄标签的边框宽度为2px,经由过程增添一个内标签,设置其为1px的内容背景致边框,再经由过程设置margin-top/right/bottom/left:-1px;来盖失落外包抄标签的1px边框,从视觉上完成一般效果。很拢芴盅幔芪弈巍
.b6{
border:2pxdotted#000;
padding-top:0;
}
.b6.inner{
border:1pxsolid#9c9c9c;
width:100%;
height:100%;
margin:-1px;
position:relative;
z-index:100;
}

现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
海妖 该用户已被删除
沙发
发表于 2015-1-17 23:16:47 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
深爱那片海 该用户已被删除
板凳
发表于 2015-1-23 11:45:35 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
只想知道 该用户已被删除
地板
发表于 2015-1-31 16:03:28 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
第二个灵魂 该用户已被删除
5#
发表于 2015-2-6 22:13:15 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
老尸 该用户已被删除
6#
发表于 2015-2-19 02:52:21 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
蒙在股里 该用户已被删除
7#
发表于 2015-3-6 12:43:08 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
8#
发表于 2015-3-13 01:12:38 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
admin 该用户已被删除
9#
发表于 2015-3-20 09:54:56 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 07:08

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表