要学好网站开发要会什么,国家信用信息公示系统官网,wordpress exe,找个免费网站这么难吗今天给某公司做招聘专页。早上完成设计图#xff0c;下午开始排版。页面套用了我之前做的某人才局的招聘页面#xff0c;导航栏、banner 很快就出来了。这次内容里我有些地方用了列表#xff0c;当然要用 ul li 标签。列表项#xff08;小圆点#xff09;… 今天给某公司做招聘专页。早上完成设计图下午开始排版。页面套用了我之前做的某人才局的招聘页面导航栏、banner 很快就出来了。这次内容里我有些地方用了列表当然要用 ul li 标签。列表项小圆点做成绿色的小正方块这时我想是不是有一个 CSS 属性用来自定义列表项。 不用不知道还真有。list-style 其中可定义 list-style-type、list-style-position 和 list-style-image这三个属性是可以合在一起写。list-style-image 正是自定义列表项图案。 开始定义他们之前我遇到了两个问题1、 li 标签默认样式小圆点不见了。查看后发现初始化样式表 ul 定义了 list-style: none导致默认的小圆点去掉了。那需要我们把 ul 的 list-style 定义一下。2、list-style-position 有两个可选值insite 和 outsite使用 insite 列表项在行内没有问题但使用 outsite列表项在行外小圆点就不见了。原来还是因为初始化样式表它把 div 定义了 overflow: hidden溢出 div 那部分会被切掉。而 ul 包含在 div 里面所以 div 把溢出的列表项给切掉。这里把 div 定义默认的 visible 就行了。 可以开始自定义列表图案。首先把图案从 PS 上切下来保存在指定位置。定义 list-style-image: url(i/icon.gif)。问题来了图案没有和文字水平居中。百度之日 li 需设置固定高度设之无用。仔细再查原来前人对自定义图案早有经验方案1在列表项图案切图时包含底下留白该方案要确保图案留白与页面底色一致。我认为此方案不优雅因为字体可能会变大变小因此不能复用。方案2用 background 属性自定义项目列表图案。此方案可灵活控制图案位置而且文字与图案之间间距也易于控制我不会告诉你用 padding 控制间距。总结一下其实初始化样式表将 li默认的小圆点去掉是有其道理。第一大多情况下不会用到列表项。第二用 list-style 自定义列表项实在不好控制。
