元素怎样浮动
元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。
一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
浮动元素之后的元素将围绕它。
浮动元素之前的元素将不会受到影响。
如果图像是右浮动，下面的文本流将环绕在它左边：
<div class="button-box">
<button type="button"><a href="">艺术摄影</a></button>
<button type="button"><a href="">婚纱摄影</a></button>
<button type="button"><a href="">纪实摄影</a></button>
<button type="button"><a href="">儿童摄影</a></button>
<button type="button"><a href="">摄影器材</a></button>
<button type="button"><a href="">创意摄影</a></button>
</div>id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
以下的样式规则应用于元素属性 id="para1":
<div class="top-link">
<span><a href="">新闻</a></span>
<span>网页</span>
<span><a href="">贴吧</a></span>
<span><a href="">知道</a></span>
<span><a href="">音乐</a></span>
<span><a href="">图片</a></span>
<span><a href="">视频</a></span>
<span><a href="">地图</a></span>
</div>
<div class="input-button">
<form>
<label><input type="text" name=""></label><button type="submit">百度一下</button>
</form>
</div>
<div class="down-link">
<span><a href="">百科</a></span>
<span><a href="">文库</a></span>
<span><a href="">hao123</a></span>
|
<span><a href="">更多</a></span>
</div>
<div class="baidu-map">CSS 盒子模型(Box Model)
所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
下面的图片说明了盒子模型(Box Model)：、
<body>
<div class="header">头部</div>
<div class="body">主体</div>
<div class="footer">底部</div>
</body>
扫一扫
196
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
