带来一篇剖析总结一下<li>和<hr>的款式界说
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>
更好的控制页面布局。不用多说。
带来一篇剖析总结一下<li>和<hr>的款式界说
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。 由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。 是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。 还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。 还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
页:
[1]