css相关的几个点

版权声明: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图片效果

图片边框

图片缩放

图片对齐

图文混排

文字环绕

团片和文字之间的间距

背景颜色、背景图片

表单

猜你喜欢

转载自blog.csdn.net/Jacksun_huang/article/details/88108043