摘要: position 属性指定了元素的定位类型。 position 属性的五个值: static relative fixed absolute sticky 元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除非是先设定position属性。他们也有不同的工作方式,这取决于定位方法 阅读全文
posted @ 2022-03-24 19:33 SimoonJia 阅读(33) 评论(0) 推荐(0) 编辑
摘要: display属性设置一个元素应如何显示,visibility属性指定一个元素应可见还是隐藏。 隐藏元素 - display:none或visibility:hidden 隐藏一个元素可以通过把display属性设置为"none",或把visibility属性设置为"hidden"。但是请注意,这两 阅读全文
posted @ 2022-03-24 19:25 SimoonJia 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 分组选择器 在样式表中有很多具有相同样式的元素。 为了尽量减少代码,你可以使用分组选择器。 每个选择器用逗号分隔。 h1,h2,p { color:green; } 嵌套选择器 它可能适用于选择器内部的选择器的样式。 在下面的例子设置了四个样式: p{ }: 为所有 p 元素指定一个样式。 .mar 阅读全文
posted @ 2022-03-24 19:18 SimoonJia 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-03-24 19:18 SimoonJia 阅读(18) 评论(0) 推荐(0) 编辑
摘要: CSS 轮廓(outline) 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 轮廓(outline)属性指定元素轮廓的样式、颜色和宽度。 1.outline是不占空间的,既不会增加额外的width或者height(这样不会导致浏览器渲染时出现reflow 阅读全文
posted @ 2022-03-24 19:14 SimoonJia 阅读(65) 评论(0) 推荐(0) 编辑
摘要: CSS 边框属性 CSS边框属性允许你指定一个元素边框的样式和颜色。 边框样式 边框样式属性指定要显示什么样的边界。 border-style属性用来定义边框的样式 border-style 值: none: 默认无边框 边框-单独设置各边 在CSS中,可以指定不同的侧面不同的边框: p{ bord 阅读全文
posted @ 2022-03-24 19:11 SimoonJia 阅读(60) 评论(0) 推荐(0) 编辑
摘要: CSS 列表属性作用如下: 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 列表 在 HTML中,有两种类型的列表: 无序列表 ul - 列表项标记用特殊图形(如小黑点、小方框等) 有序列表 ol - 列表项的标记有数字或字母 使用 CSS,可以列出进一步的样式 阅读全文
posted @ 2022-03-24 18:56 SimoonJia 阅读(56) 评论(0) 推荐(0) 编辑
摘要: 链接样式 链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。 特别的链接,可以有不同的样式,这取决于他们是什么状态。 这四个链接状态是: a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接 阅读全文
posted @ 2022-03-24 18:53 SimoonJia 阅读(27) 评论(0) 推荐(0) 编辑
摘要: body { background-image:url('gradient2.png'); } 如果图像只在水平方向平铺 (repeat-x), 页面背景会更好些: body { background-image:url('gradient2.png'); background-repeat:rep 阅读全文
posted @ 2022-03-24 18:32 SimoonJia 阅读(83) 评论(0) 推荐(0) 编辑
摘要: display: inline-block; float:left; 阅读全文
posted @ 2022-03-24 11:48 SimoonJia 阅读(8) 评论(0) 推荐(0) 编辑
摘要: <p>hr 标签定义水平线:</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> 阅读全文
posted @ 2022-03-24 10:34 SimoonJia 阅读(86) 评论(0) 推荐(0) 编辑