仓酷云

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

[DIV+CSS] CSS教程之CSS教程:剖析CSS列表款式属性list-style

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

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

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

x
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站。
破洛洛文章简介:平常制造页面中可对属性list-style在list-item工具中经常使用,但用的都不深。一样平常都设为none重置全部页面就差未几OK,大概良多人包含自己对属性list-style-type更细节方面的属性并非很懂得,更有大概对属性list-style和属性list-style-type观点会对照含混,现有需要把它
平常制造页面中可对属性list-style在list-item工具中经常使用,但用的都不深。一样平常都设为none重置全部页面就差未几OK,大概良多人包含自己对属性list-style-type更细节方面的属性并非很懂得,更有大概对属性list-style和属性list-style-type观点会对照含混,现有需要把它提出来从头进修一下,故收拾以下。
●list-style
界说:用于在一个声明中设置一个列表的一切属性的简写属性,该属性是一个简写属性,涵盖了一切其他列表款式属性,仅感化于具有display值即是list-item的工具(如li工具)。
相干:list-style-image||list-style-position||list-style-type
●list-style-image
申明:设置或检索作为工具的列表项标志的图象。若此属性值为none或指定url地点的图片不克不及被显现时,list-style-type属性将产生感化。
取值:
none: 默许值。不指定图象
url(url): 利用相对或绝对url地点指定图象
●list-style-position
申明:设置或检索作为工具的列表项标志怎样依据文本分列。假设一个列表项目标左外补钉(margin-left)被设置为0,则列表项方针记不会被显现。左外补钉(margin-left)最小能够被设置为30。仅感化于具有display属性值即是list-item的工具。如li工具。
取值:
outside: 默许值。列表项方针记安排在文本之外,且围绕文本不依据标志对齐
inside: 列表项方针记安排在文本之内,且围绕文本依据标志对齐
●list-style-type
申明:设置或检索工具的列表项所利用的预设标志。若list-style-image属性值为none或指定url地点的图片不克不及被显现时,此属性将产生感化。
取值:
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 年夜写拉丁字母
增补:此CSS2.1提出的.IE6,Firefox1.5+,Opera9+撑持此属性,以是以数字体例显现列表也能够用ul来指定,其实不必定必须要用ol来写。

你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
沙发
发表于 2015-1-18 06:43:12 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
简单生活 该用户已被删除
板凳
发表于 2015-1-26 20:46:28 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
不帅 该用户已被删除
地板
发表于 2015-2-4 21:26:25 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
只想知道 该用户已被删除
5#
发表于 2015-3-1 14:09:39 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
深爱那片海 该用户已被删除
6#
发表于 2015-3-10 20:12:48 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
柔情似水 该用户已被删除
7#
发表于 2015-3-17 10:41:08 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
透明 该用户已被删除
8#
发表于 2015-3-24 08:16:46 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 14:01

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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