CSS备忘小记

最新推荐文章于 2024-09-19 17:56:22 发布

coder_sorder

最新推荐文章于 2024-09-19 17:56:22 发布

阅读量101

点赞数

分类专栏：大前端小记文章标签： css

本文链接：https://blog.csdn.net/qq_43028616/article/details/119000500

版权

7 篇文章 0 订阅

订阅专栏

CSS其实不难，但是做好很难。。。。。本文为备忘录，记录易忘的概念知识点和样式记录
css是一种描述html文档样式的语言，描述了如何显示html元素。

CSS简介

css是层叠样式表（cascading style sheets）(学习一下英文嘿嘿。。），描述了如何在屏幕、智障（咳咳纸张。。）或其他媒体上显示HTML元素，节省了大量工作，开发者对于同种风格的页面减少了很多的重复代码，存储在css文件当中

css规则集（rule-set）由选择器和声明块组成

CSS 选择器用于“查找”（或选取）要设置样式的 HTML 元素。
五类选择器

十六位进制的颜色是HEX值
rgb是（255,255,255）

轮廓是在元素周围绘制的一条线，在边框之外，以凸显元素。

text-align 属性用于设置文本的水平对齐方式。
direction 和 unicode-bidi 属性可用于更改元素的文本方向：
vertical-align 属性设置元素的垂直对齐方式。
text-decoration: none; 通常用于从链接上删除下划线：text-decoration 属性用于设置或删除文本装饰。比如各种删除线下划线线框等
text-transform 属性用于指定文本中的大写和小写字母。
text-indent 属性用于指定文本第一行的缩进：
letter-spacing 属性用于指定文本中字符之间的间距。
line-height 属性用于指定行之间的间距：
text-shadow 属性为文本添加阴影。

a:link - 正常的，未访问的链接
a:visited - 用户访问过的链接
a:hover - 用户将鼠标悬停在链接上时
a:active - 链接被点击时
a:hover 必须 a:link 和 a:visited 之后
a:active 必须在 a:hover 之后
a:hover 必须 a:link 和 a:visited 之后
a:active 必须在 a:hover 之后

上例中的表格拥有双边框。这是因为 table 和和元素都有单独的边框。border-collapse 属性设置是否将表格边框折叠为单一边框：

display 属性规定是否/如何显示元素。
position 属性规定应用于元素的定位方法的类型。
- position: static; HTML 元素默认情况下的定位方式为 static（静态）。静态定位的元素不受 top、 bottom、left 和 right 属性的影响。
- position: relative; 的元素相对于其正常位置进行定位。设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。不会对其余内容进行调整来适应元素留下的任何空间。
- position: fixed;
- position: absolute; 的元素相对于最近的定位祖先元素进行定位
overflow 属性指定在元素的内容太大而无法放入指定区域时是剪裁内容还是添加滚动条。
要使块元素（例如
）水平居中，请使用 margin: auto;。
如果仅需在元素内居中文本，请使用 text-align: center;：