html的块元素标签,HTML块元素标签的使用

标签主要配合样式去使用，比如css样式

文字:

学习css以及div

css中这样写：

#divide p{

color: #FF0000;

}

#divide a{

color: aqua;

}

效果图：

图片:

第一种：图片放在div中，大概就是为了能对图片进行边框，位置的各种修饰吧

第二种：图片放在css文件中，在此处对图片是否平埔，固定位置不动等的修饰

css:此处为啥是body当选择器，我也不是很懂。。emm..

body{

background-image:url(../img/2.jpg);

background-repeat: no-repeat;

/*background-position: center; 这个是设定固定样式的，很呆板，

这时候attachment就出场了,利用它来声明一个fixed,然后再次利用position的x和y方向来定义具体的固定位置*/

background-attachment: fixed;

background-position-x: 500px;

background-position-y: 100px;

font-size: 22px;

}

两个图片的展示效果就是滚动滑轮时候，只有第一张在框里的图片在动，背景的龙猫是不动的。

三：如果不使用

也可以通过定义标签选择器id的形式来对文字进行修饰。

不用新建css，直接定义一个

这是一个测试图片是否随着滚动条滚动而滚动的效果

打起精神，撸起袖子加油干

通过效果图可以看到：

原本对“加油干”的标签加粗效果也因为#p2而不存在了。

四.用法。

元素是内联元素，主要用在文本中。

用法一：采用xxx形式，直接表明定义成什么样子。

打起精神，撸起袖子加油干

效果图:                                        

用法二：还是借助定义

效果图：