2、test.html文件中用div标签创建一块区域,将其设置class属性为mydiv,目的是用于下面通过该class来对样式进行设置。
3、test.html文件中,写一个<style type=”text/css”></style>标签,把页面的css样式写在该标签内。
4、在css标签内,用类名mydiv设置div的样式,定义其宽度500px,高度400px,边框为1px红色边框。
5、在css标签中,利用background-image属性来设置div的背景图片为images文件夹中的a.jpg,同时通过background-repeat设置背景图片不重复显示。
6、在css标签内,使用background-size调整背景图片的尺寸,第一个参数为宽度,第二个参数为高度,假设这时设置背景图片的高宽为原来一半,即50%。
7、在浏览器中打开test.html文件,看一下最终的效果。
@ css选择器包括class选择器吗?
不包括
一:css基本选择器有哪些
1.css属性选择器
2.css标签选择器
3.cssID选择器
4.css的通配符
二:css有哪些高级选择器
1.css标签选择器
css标签选择器其实就是页面上的所有类型的标签,大家对经常描述称为共性,对无法描述的称为个性。大家在页面上看到input,div和ul都有可能是选择器,无论这个标签藏得多深,都可能被选择上,并且选择的是所有标签,并不是单单指一个。
2.cssID选择器
css中大家使用#来对名字进行自定义,#是指对一个特殊的标签来使用,并且只能用一次,在任何html标签中,都可以有id属性,但是前提要按照字母开头,更不能用字母去开头,或者和标签同名。还有一些高手建议在css层面上尽量不要使用id。
3.css类选择器
css中类选择器,大家使用.来表示,大家使用类来表示,其实就是比较灵活。class和id是十分相似的,并且同一个标签可以使用很多个类选择器,也可以多种标签使用。
4.css的通配符,可以替换任何标签,目前有些浏览器是不支持使用。
@ css中背景图片大小怎么改?
background-size属性指定背景图片大小。background-size: length|percentage|cover|contain;
属性值:
length 设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)
percentage 将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"
cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。
@ textarea怎么用颜色选择器?
直接设置textarea的css样式即可。如下示例代码:
<textarea rows="3" cols="20"> </textarea> <style> .textarea{ color:red; /* 设置文本颜色为红色 */ background-color:#000; /* 设置背景颜色为黑色 */ } </style>