思潮课程 / 前端开发 / 正文

css常用特点, 文本特点

2024-12-25前端开发阅读 4

1. 色彩（Color）：用于设置元素的前景色（文字色彩）或布景色。 ```css color: red; / 文字色彩 / backgroundcolor: blue; / 布景色彩 / ```

2. 字体（Font）：用于设置元素的字体款式。 ```css fontfamily: Arial sansserif; / 字体族 / fontsize: 16px; / 字体巨细 / fontweight: bold; / 字体粗细 / fontstyle: italic; / 字体款式（斜体） / ```

3. 文本（Text）：用于设置文本的布局和格局。 ```css textalign: center; / 文本对齐方法 / textdecoration: underline; / 文本装修（下划线） / textindent: 2em; / 首行缩进 / lineheight: 1.5; / 行高 / ```

4. 边框（Border）：用于设置元素的边框款式。 ```css border: 1px solid black; / 边框宽度、款式和色彩 / bordertop: 2px dashed red; / 上边框 / ```

5. 填充（Padding）：用于设置元素内容与边框之间的空间。 ```css padding: 10px; / 四个方向的内边距 / paddingtop: 20px; / 上内边距 / ```

6. 外边距（Margin）：用于设置元素与周围其他元素之间的空间。 ```css margin: 15px; / 四个方向的外边距 / marginleft: 30px; / 左外边距 / ```

7. 尺度（Dimensions）：用于设置元素的宽度和高度。 ```css width: 300px; / 宽度 / height: 200px; / 高度 / ```

8. 定位（Positioning）：用于设置元素的方位。 ```css position: absolute; / 肯定定位 / top: 50px; / 间隔顶部 / left: 100px; / 间隔左面 / ```

9. 起浮（Float）：用于设置元素的起浮。 ```css float: left; / 向左起浮 / ```

10. 显现（Display）：用于设置元素的显现类型。 ```css display: block; / 块级元素 / display: inline; / 行内元素 / display: none; / 躲藏元素 / ```

11. 布景（Background）：用于设置元素的布景图画或色彩。 ```css backgroundimage: url; / 布景图画 / backgroundcolor: f0f0f0; / 布景色彩 / ```

12. 列表（List）：用于设置列表的款式。 ```css liststyletype: disc; / 列表项符号类型 / liststyleimage: url; / 列表项符号图画 / ```

13. 表格（Table）：用于设置表格的款式。 ```css bordercollapse: collapse; / 边框兼并 / borderspacing: 10px; / 边框距离 / ```

14. 过渡（Transition）：用于设置元素的过渡作用。 ```css transition: backgroundcolor 0.5s ease; / 布景色彩过渡作用 / ```

15. 动画（Animation）：用于设置元素的动画作用。 ```css @keyframes example { from {backgroundcolor: red;} to {backgroundcolor: yellow;} } animationname: example; / 动画称号 / animationduration: 4s; / 动画持续时间 / ```

这些仅仅CSS常用特点中的一部分。CSS特点十分多，涵盖了从文本和布局到动画和过渡的各个方面。依据不同的规划需求，或许还会使用到其他CSS特点。

CSS常用特点详解