CSS样式

时间：2019-12-27 11:59:10 阅读：104 评论：0 收藏：0 [点我收藏+]

标签：层叠 div span 文件合并水平边框空格 css_

一、CSS样式的写法

样式写法一：（写在head里面）

<head>

div{

background(1.jpg);

}

</style>

</head>

<body>

</body>

样式写法二：（链接一个css文件）

mycss.css

内容：

div{

background(1.jpg);

}

调用css：

<head>

</head>

<body>

</body>

link 链接

rel 链接到styleshee

type 文本类型

href 文件路径

样式写法三：（写在标签里面）

<head>

div{

}

</style>

</head>

<body>

</body>

二、标签选择器

#id名称（对唯一一个id名字进行样式编辑）

class

.class名称（同上）

（注：class=“ a b” 一个标签拥有两个样式（a和b），只有class可以使用空格，id用不了）

标签名直接使用
.a,.b

两个标签使用同一个样式，样式之间用“，”隔开。

三、样式的层叠优先级

id>class>标签

https://liushilive.github.io/css_xpath/# 游戏

四、伪类选择器

a:link 超链接
a:visited 超链接点击后的样式
a:active 长按鼠标时的动作
a:hover 鼠标悬浮在超链接上发生的动作

五、表格设置

边框——border

border：1 px solid red；

圆弧——border-radius

border-radius:50%(圆)

表格边框间距——border-spacing

border-spacing:100px;==cellspacing;

表格边框合并——border-collapse

border-collapse：collapse；

宽和高

width，height（height，不能使用百分比）

文字设置

font-size

颜色

color

字体

family

水平方向：text-align:left,center,right
垂直方向：vertical-align:bottom,top,middle
背景图片：

设置图片：background-image:url(img/1.jpg)

background-repeat

repeat 默认重复
no-repeat 不重复
repeat-x 横向重复
repeat-y 纵向重复

background-size

cover 覆盖背景区域
contion 拉伸填充

CSS样式

标签：层叠 div span 文件合并水平边框空格 css_

原文地址：https://www.cnblogs.com/Equilibrium/p/12106180.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行