版权声明:Mr.huang https://blog.csdn.net/Jacksun_huang/article/details/88108043
li去掉点的CSS写法
点评:css li 去掉点的样式写法,其实就是利用css的list-sytle样式来实现的。
li{ list-style: url("pre.gif") outside circle; }
直接变色 li{ color:#f00; }
关于这个list-style-type的一些语法与参数:
语法:
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin
取值:
disc : CSS1 默认值。实心圆
circle : CSS1 空心圆
square : CSS1 实心方块
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字
upper-roman : CSS1 大写罗马数字
lower-alpha : CSS1 小写英文字母
upper-alpha : CSS1 大写英文字母
none : CSS1 不使用项目符号
脚本之家编辑:
一般去掉小黑点的具体样式表代码
li{margin:0; padding:0; list-sytle:none}
即可,关于为什么去掉小黑点而用图片替换,主要原因就是 容易容易样式,也可以提高页面的美观度。
如何合并表格的边框
<html>
<head>
<style type="text/css">
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
<p><b>注释:</b>如果没有规定 !DOCTYPE,border-collapse 属性可能会引起意想不到的错误。</p>
</body>
</html>
padding与margin
padding 指的是content与border之间的距离
margin指的是元素与元素之间的距离
为什么W3C不赞成使用_font_等标签
倾向于使用css控制页面的显示,所以就不推荐使用标签自带的属性来控制
层叠样式表
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等。
行内样式
链接式
内嵌式
导入样式
标记选择器
类别选择器
ID选择器
CSS继承
CSS文字效果
字体
文字大小
文字颜色
斜体
下划线
上划线
删除线
闪烁
英文字母大小写
单词首字大写
全部大写
全部小写
段落文字
对齐方式
行间距、字间距
CSS图片效果
图片边框
图片缩放
图片对齐
图文混排
文字环绕
团片和文字之间的间距
背景颜色、背景图片
表单