仓酷云

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

[DIV+CSS] 带来一篇剖析总结一下<li>和<hr>的款式界说

[复制链接]
金色的骷髅 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 07:39:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
  编者注:原本之前我盘算写体现本文主题的文章,但比来在新浪博客群中看到了这篇文章,就不必我多操心血了,这里转载过去,但愿对人人有所匡助。
  li{list-style-image:url(images/disc.gif);}
  li的这个款式界说是将列表项目利用图片来取代显现的小圆点。固然您也能够显现成别的效果,具体请参阅上面的界说:
  列表项目效果的CSS界说
  *list-style-type:circle(可换成本人想要的款式); 列表项目款式
  disc:     CSS1 实心圆
  circle:    CSS1 空心圆
  square:    CSS1 实心方块
  decimal:   CSS1 阿拉伯数字
  lower-roman: CSS1 小写罗马数字
  upper-roman:CSS1 年夜写罗马数字
  lower-alpha:CSS1 小写英笔墨母
  upper-alpha:CSS1 年夜写英笔墨母
  none:     CSS1 不利用项目标记
  armenian:   CSS2 传统的亚美尼亚数字
  cjk-ideographic:CSS2 浅白的表意数字
  georgian:   CSS2 传统的乔治数字
  lower-greek: CSS2 基础的希腊小写字母
  hebrew:CSS2 传统的希伯莱数字
  hiragana:CSS2 日文平化名字符
  hiragana-iroha:CSS2 日文平化名序
  katakana:CSS2 日文片化名字符
  katakana-iroha:CSS2 日文片化名序号
  lower-latin:CSS2 小写拉丁字母
  upper-latin:CSS2 年夜写拉丁字母
  *list-style-image:url(images/disc.gif);用图象disc.gif取代列表项目显现
  *list-style-position:outside|inside
  outside: 列表项方针记安排在文本之外,且围绕文本不依据标志对齐
  inside: 列表项方针记安排在文本之内,且围绕文本依据标志对齐
  hr{border:1pxdashed#86BCD4;height:1;}
  在HTML代码中,另有一些特别的如程度条hr,也能够在作风办理中加上界说,以变动其默许的显现效果:
  程度条效果的CSS界说
  BORDER-BOTTOM-STYLE:dotted;
  BORDER-LEFT-STYLE:dotted;
  BORDER-RIGHT-STYLE:dotted;BORDER-TOP-STYLE:dotted;
  height:1;
  width:100%;
  align:left;
  color:#86BCD4;
  Shade:no;
  程度条虚线效果界说
  border:1pxdashed#86BCD4;height:1;
</p>
更好的控制页面布局。不用多说。
莫相离 该用户已被删除
沙发
发表于 2015-1-16 18:10:20 | 只看该作者

带来一篇剖析总结一下<li>和<hr>的款式界说

以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
冷月葬花魂 该用户已被删除
板凳
发表于 2015-1-18 20:57:25 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
小女巫 该用户已被删除
地板
发表于 2015-1-27 20:54:02 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
兰色精灵 该用户已被删除
5#
发表于 2015-2-5 15:12:46 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
精灵巫婆 该用户已被删除
6#
发表于 2015-2-12 15:20:18 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
蒙在股里 该用户已被删除
7#
发表于 2015-3-3 04:05:03 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
愤怒的大鸟 该用户已被删除
8#
发表于 2015-3-11 09:54:30 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
老尸 该用户已被删除
9#
发表于 2015-3-18 10:52:51 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
简单生活 该用户已被删除
10#
发表于 2015-3-25 23:28:04 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-4-28 12:11

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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