CSS常见的属性和值

最新推荐文章于 2024-07-12 09:41:36 发布

wudong52

最新推荐文章于 2024-07-12 09:41:36 发布

阅读量1.1k

点赞数

文章标签： css 字体

本文链接：https://blog.csdn.net/wudong52/article/details/53085915

版权

内容有：
字体、文本、背景、位置、边框、列表等等
一、修饰字体的属性
font-family 字体族(Times、serif等)
font-size 字体大小（可用绝对大小、相对大小、长度、百分比等）
font-style 字体风格（normal\italic斜体\oblique倾斜）
font-Weight 字体加粗（nomal\bold\bolder\lighter等）
font-Variant 字体变形（normal\small-caps小型大写字母）
或者font：[<字体风格>空格<字体变形>||<字体加粗>]？<字体大小>[/<行高>]？<字体族科>
p{
font:italic bold 20px times,serif
}

二、CSS中常见的控制文本的属性
letter-spacing 字母间隔（必须符合长度格式，可使用负值）
word-spacing 文字间隔（同上）
text-decoration 文字修饰（underline-下划线\overline上划线、line-through删除线、blink闪烁、默认为无）：去掉a标签设置的链接中默认的下划线-a{text-decoration：none;}
text-align 横向排列（left\right\center）
text-indent 缩进（必须是一个长度或者百分比，如果是百分比，则以上级元素的宽度而定）
text-transform （可以改变字体的大小写）
line-height 行高（在控制文本基线之间的间隔的值，当值为数字时，行高为元素字体大小设置的量与该数字想乘；百分比的值是相对于元素字体的大小而定。不能有负值）

三、常见的控制背景的属性
background-color（transparent透明）
background-image
background-repeat（repeat\repeat-x\repeat-y\no-repeat）
background-attachment 背景附件（scroll滚动、fixed固定）
background-position
background:<背景颜色>空格<背景图像>空格<背景重复>||<背景附件>||<背景位置>
文本在左对齐了的背景图片后进行缩进：padding-left：18px;

四、边框属性
任何元素（标签）都可设置边框边框属性是用于设置某个元素边框的风格、宽度、颜色的略写。并且可一起设置4边的边框，也可对上、右、下、左边框单独设置。

1、边框风格属性：border-style:none(无边框) dotted（点线式） dashed（破折线式） solid(直线式) double(双线式) groove(槽线式) ridge(脊线式) inset(内嵌效果) outset(凸起效果)；

4条边框一起设置时，按照上、右、下、左的顺序。

当单独设置时：border-top-style:solid;
border-rightstyle:solid;
border-bottom-style:solid;
border-left-style:solid;

2、边框宽度属性：border-width:1px 2px 3px 4px;
等价于：border-top-width:1px;
border-right-width:2px;
border-bottom-width:3px;
border-left-width:4px;

3、边框颜色：border-color:
4、也可以直接用border:3px solid green
5、鼠标光标属性：Cursor:default hand pointer wait help move(可用手册查找)
五、CSS中常见的控制列表的属性
无序的：

<body>
    <ul style="list-style-type：disc\circle\square\none; list-style-image:url(图标名)； list-style-position:决定列表项目缩进的程度；">
        <li>wwwww</li>
        <li>wwwww</li>
        <li>wwwww</li>
        <li>wwwww</li>
    </ul>
</body>

有序的：list-style-type：decinal\lower-roman\upper-roman\lower-alpha\upper-alpha

wudong52

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
CSS常见的属性和值

内容有：字体、文本、背景、位置、边框、列表等等一、修饰字体的属性 font-family 字体族(Times、serif等) font-size 字体大小（可用绝对大小、相对大小、长度、百分比等） font-style 字体风格（normal\italic斜体\oblique倾斜） font-Weight 字体加粗（nomal\bold\bolder\lighter等）
复制链接

扫一扫