【静态页面架构】CSS之定位

scq000 发布于2019-08-29 16:34 / 2873人阅读

摘要：架构浮动是以属性设置容器指定的位置当前元素设置为浮动后，只影响当前元素后面的所有元素的位置块级元素不再独占一行，多元素之间会水平方向排列设置浮动后，会从页面的文档流脱离默认宽度是父级宽度的高度是后者的所有元素高度之和左浮动宽度默认是

CSS架构 1.浮动；

是以float属性设置容器指定的位置

块级元素；

不再独占一行，多元素之间会水平方向排列设置浮动后，会从页面的文档流脱离

示意图；

内联元素；




呼延觉罗
爱新觉罗

示意图；

清除浮动；

以clear属性来设置清除浮动

示意图；

高度塌陷；

在没有给父级容器设置高度，而且设置子元素浮动，父级失去高度

示意图；

GPU云服务器云服务器架构之坑系列定位页面 jsp 设置页面之企业it架构转型之道

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/113831.html

【静态页面架构】CSS之选择器

摘要：架构基本选择器元素选择器通过元素名称定位页面元素类选择器通过元素的属性定位页面元素选择器通过元素的属性定位页面元素属性必须是唯一的通配符选择器匹配当前页面中所有元素元素选择器通过元素名称定位页面元素定位页面中一类元素选择器通过元素的属性定位 CSS架构基本选择器元素选择器:通过元素名称定位页面元素类选择器:通过元素的class属性定位页面元素 ID选择器:通过元素的ID属性定位...

Lowky 2019-08-29 16:32 评论0 收藏0
【静态页面架构】CSS之链接和图像

CSS架构一。链接: 链接元素:通过使用a元素的href属性设置跳转到指定页面地址 a{ color: blue; text-decoration: none; } a:hover{ cursor:default; text-decoration:...

jlanglang 2019-08-29 16:32 评论0 收藏0
【静态页面架构】HTML之布局

摘要：一布局水平居中第一种居中方式以属性设置父级元素和设置行内块级元素将属性设置父级元素设置文本内容水平方向居中设置行内块级元素爱新觉罗呼延觉罗第二种居中方式以设置块级元素和外边距特性来设置外边距实现水一.布局； 1.水平居中第一种居中方式；以text-align属性设置父级元素和设置行内块级元素 body{ text-align: cente...

imtianx 2019-08-02 11:21 评论0 收藏0
构建静态页面之 [ 定位 ]

摘要：定位属性表示设置定位绝对定位固定定位相对定位绝对定位表示设置绝对定位绝对定位的注意设置绝对定位后，当前元素脱离文档流如果指定元素的父级元素是元素该元素就是相对于当前页面的定位如果指定元素的父级元素不是元素，父级元素没有开启定位该元素就定位 position属性表示设置定位绝对定位固定定位相对定位绝对定位 position : absolute - 表示设置绝对定位...

bingchen 2019-08-29 16:31 评论0 收藏0
构建静态页面之 [ 定位 ]

摘要：定位属性表示设置定位绝对定位固定定位相对定位绝对定位表示设置绝对定位绝对定位的注意设置绝对定位后，当前元素脱离文档流如果指定元素的父级元素是元素该元素就是相对于当前页面的定位如果指定元素的父级元素不是元素，父级元素没有开启定位该元素就定位 position属性表示设置定位绝对定位固定定位相对定位绝对定位 position : absolute - 表示设置绝对定位...

ISherry 2019-08-02 16:31 评论0 收藏0