css样式背景和写,用css样式设置背景

什么是CSS样式,以及CSS样式包含那几种类型?

CSS即层叠样式表（Cascading Style Sheets），是一种用来表现HTML或XML等文件样式的计算机语言。

CSS样式主要包含以下三种类型：

1、行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。

例：标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"/标记

2、内部样式（内联样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。

例：style选择器 {属性名：属性值；属性名：属性值；......}/style

3、外部样式（外联样式）：写在css文件内。

例：link type="text/css" rel="stylesheet" href="css/main.css" /

扩展资料：

使用CSS样式的优点：

CSS有助于实现负责任的Web设计。CSS对开发者构建Web站点的影响很大，并且这种影响可能是无止境的。将网页的大部分甚至是全部的表示信息从HTML或XML文件中移出，并将它们保留在一个样式表中有诸多优点，如降低文件大小、节省网络带宽以及易于维护等。

此外，站点的表现信息和核心内容相分离，使得站点的设计人员能够在短暂的时间内对整个网站进行各种各样的修改。

CSS简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量（因为重复设置的格式将被只保存一次）。

只要修改保存着网站格式的CSS样式表文件就可以改变整个站点的风格特色，在修改页面数量庞大的站点时，显得格外有用。这就避免了一个个网页的修改，大大减少了工作量。

参考资料来源：百度百科-CSS

相关问答

Q1: css背景样式怎么设置

div{

background: #fff000;

font-size: 30px;

border:10px dashed #0000ff;

padding:20px;

background-image: url("../../image/icon.png");

background-repeat:no-repeat;

}

.div2{

margin-top:30px;

background-origin: content-box;

background-clip: content-box;

}

background-clip:规定背景的绘制区域

background-origin:相对于内容框来定位背景图像

background-image：背景图片

background-repeat:背景图片师傅平铺重复

background-size：图片大小，适应独，属性值有cover，百分比，等

Q2: CSS如何添加背景图片

通过css：background-image语句设置背景。

background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。初始背景图像（原图像）根据 background-position 属性的值放置。

（1）相对的文件位置：

（2）测试代码：

测试效果：

扩展资料：

background-image 属性为元素元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。

默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。

提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。

参考资料：百度百科--CSS background-image

Q3: css背景图片代码

1、首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。

2、新建文件完成之后，写入一个div代码操作，如图所示。

3、写入div代码之后，引入一个css样式，如图代码操作所示。

4、引入样式代码之后，打开引入的css.文件，如图所示。

5、在新引入的css文件中，写入css背景图片代码即可，如图所示。

Q4: css样式表怎么不可以写入背景图片？

肯定是你把图片的路径搞错了，所以显示不出来。

请注意一点：css中的图片路径是相对于css文件的，不是相对于html文件的！

比如你的css是css/css.css，那么就是在当前html文件所在目录的css子目录的css.css文件，如果图片也是放在css子目录，那么就可以省略路径，比如（假定图片名为123.jpg）：

background: url(123.jpg)

如果图片是放在另一个目录的，比如是在html文件所在目录的images子目录的，则应该写为：

background: url(../images/123.jpg)

也可以用绝对路径，比如（假定html文件放在根目录）：

background: url(/images/123.jpg)

或者用完整的url：

background: url(http..)

从上可以看出，css文件所涉及的图片，最好与css文件放在同一个目录中，这样最省事！