2
在test.html页面，使用div元素和p元素布局，实现div内包含p元素段落文本。代码如下：
3
设置最外层div类选择器为background，同时设置内层的div类选择器为transbox，用于CSS中对相应的div进行样式定义。
4
使用CSS设置最外层的div样式，主要定义其宽度为400px，高度为266px，同时设置其背景为一张图片。
5
使用CSS设置class为transbox的div为透明框。主要设置其宽度为338px，高度为204px，并且使用opacity设置其透明度0.6，为了兼容IE，还需要使用filter再次设置其透明度。
6
再使用CSS对透明框内的文字进行样式设置，例如，设置其字体、行高、字体颜色等。
7
在浏览器运行test.html文本，查看实现的效果。
由运行的结果可以看出，成功使用CSS实现在透明框上显示文字。
not选择器不支持复杂选择？
尽管css的选择器很强大了，但是考虑其兼容性，尽可能的少用，比如大家在做一个前端页面的切图的时候，会看情况：
如果是h5手机网站，推荐用css选择器
如果是pc网站，适当用css选择器
如果是pc网站，并且是政府、学校等机关单位，杜绝用css选择器
css选择器中可以匹配所有标签的是？
答案是星星选择标签。
因为星号选择器的定义是用于选择html中的所有标签，在一个页面中大家都会选择去掉html所有标签的默认样式，然后根据自己的需求添加样式，这个时候就需要使用*选择标签。
另外一个*选择标签也可以搭配到其他的标签进行使用，用来选择表示某个父元素下面的所有子元素标签。
css规则？
在CSS样式规则
1.选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。
2.属性和属性值以“键值对”的形式出现。
3.属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。
4.属性和属性值之间用英文“:”连接。
5.多个“键值对”之间用英文“;”进行区分。
