css | IT懒猫 - 技术成就梦想

catroom

catroom

学习给人智慧，对真理而言，信服比流言更危险。

CSS水平对齐

块元素对齐块元素是一个元素，占用了全宽，前后都是换行符。块元素的例子： <h1> <p> <div> 在这一章中，我们会告诉你块元素如何水平对齐布局。中心对齐,使用margin属性块元素可以把左，右页边距设置为"自动"对齐。 Note: 在IE8中使用margin:auto属性无法正常工作，除非声明 !DOCTYPE marg...

css教程 2022-10-17 448 标签: 前端技术 css

阅读详细

CSS float浮动

什么是 CSS Float（浮动） CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。 Float（浮动），往往是用于图像，但它在布局时一样非常有用。元素怎样浮动元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不...

css教程 2022-09-26 353 标签: 前端技术 css

阅读详细

css display属性

CSS display属性介绍 display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。隐藏元素 - display:none或visibility:hidden 隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是请注意，这两种方法会产生不同的结果。 v...

css教程 2022-10-22 352 标签: css 前端技术

阅读详细

CSS尺寸

CSS尺寸解析 CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样，它允许你增加行间距。实例 1、设置元素的高度 <!DOCTYPE html> <html> <head> <style> img.normal { height:auto; } img.big { height:120px; } p.ex { height:...

css教程 2022-09-26 315 标签: css 前端技术

阅读详细

CSS分组和嵌套选择器

分组选择器在样式表中有很多具有相同样式的元素。 h1{ color:green; } h2{ color:green; } p{ color:green; } 为了尽量减少代码，你可以使用分组选择器。每个选择器用逗号分隔. 在下面的例子中，我们对以上代码使用分组选择器： <!DOCTYPE html> <html> <head> <sty...

css教程 2022-10-17 375 标签: css

阅读详细

CSS边距

一、外边距 CSS Margin(外边距)属性定义元素周围的空间。 Margin margin清除周围的元素（外边框）的区域。margin没有背景颜色，是完全透明的 margin可以单独改变元素的上，下，左，右边距。也可以一次改变所有的属性。可能的值值说明 auto 设置浏览器边距。这样做的结果会依赖于浏览器 length 定义一个固定的margin（使用像素，pt，em等） % 定义一个使...

css教程 2022-10-17 381 标签: 前端技术 css

阅读详细

CSS边框

CSS 边框border属性 CSS边框属性允许你指定一个元素边框的样式和颜色。边框border样式边框样式属性指定要显示什么样的边界。 border-style属性用来定义边框的样式 border-style 值: none: 默认无边框 dotted: dotted:定义一个点线框 dashed: 定义一个虚线框 solid: 定义实线边界 double: 定义两个边界。两个边界的宽度和...

css教程 2022-10-22 350 标签: 前端技术 css

阅读详细

CSS table样式

表格边框border 指定CSS表格边框，使用border属性。下面的例子指定了一个表格的Th和TD元素的黑色边框： <!DOCTYPE html> <html> <head> <style> table,th,td{ border:1px solid black; } </style> </head> <bo...

css教程 2022-10-17 338 标签: css 前端技术

阅读详细

CSS列表样式

CSS列表属性作用如下：设置不同的列表项标记为有序列表设置不同的列表项标记为无序列表设置列表项标记为图像 css ul ol列表在HTML中，有两种类型的列表： ul无序列表 - 列表项标记用特殊图形（如小黑点、小方框等） ol有序列表 - 列表项的标记有数字或字母使用CSS，可以列出进一步的样式，并可用图像作列表项标记。 ul ol列表项标记 list-style-type属性指...

css教程 2022-10-17 436 标签: 前端技术 css

阅读详细

CSS链接样式

链接样式链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。特别的链接，可以有不同的样式，这取决于他们是什么状态。这四个链接状态是： a:link - 正常，未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 <!DOCTYPE html> <html> <h...

css教程 2022-09-26 360 标签: css 前端技术

阅读详细

user_photo default icons

catroom

学习给人智慧，对真理而言，信服比流言更危险。

热门文章

最新文章