css 常用属性

1、字体和文本

CSS字体属性定义字体，加粗，大小，文字样式.

所有CSS字体属性

Property	描述
font	在一个声明中设置所有的字体属性
font-family	指定文本的字体系列
font-size	指定文本的字体大小
font-style	指定文本的字体样式
font-variant	以小型大写字体或者正常字体显示文本。
font-weight	指定字体的粗细。

Css文本属性定义字体颜色、文本对齐、行高等。

所有CSS文本属性。

属性	描述
color	设置文本颜色
direction	设置文本方向。
letter-spacing	设置字符间距
line-height	设置行高
text-align	对齐元素中的文本
text-decoration	向文本添加修饰
text-indent	缩进元素中文本的首行
text-shadow	设置文本阴影
text-transform	控制元素中的字母
unicode-bidi	设置或返回文本是否被重写
vertical-align	设置元素的垂直对齐
white-space	设置元素中空白的处理方式
word-spacing	设置字间距

字体文本示例如下：

 

2、表格

我们可以使用css改变表格的外观

 

border指定表格边框，border-collapse合并表格边框位单一边框，表格内容水平对齐使用text-align，内容垂直对齐使用vertical-align。

1简单的表格如下

 

Table标签表示这是一个表格，tr标签为一行，th标签表示表头单元格，td标签表示数据单元格

2 带边框、宽高的表格

 

3 边框合并，内容垂直居中的表格

4 指定行背景颜色的 表格

 

 

3、列表

在 HTML 中，列表主要有两种类型：

• 无序列表（<ul>）- 列表项用的是项目符号标记
• 有序列表（<ol>）- 列表项用的是数字或字母标记

CSS 列表属性使您可以：

• 为有序列表设置不同的列表项标记
• 为无序列表设置不同的列表项标记
• 将图像设置为列表项标记
• 为列表和列表项添加背景色

Ul无序列表如下

 

ol有序列表如下：

 

带边框，字体颜色为红色的无序列表如下：

 

4 css图片，通过css设置图片，A 圆角图片

示例

 

B 响应式图片

示例

 

这是我所学到的css 常用属性，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！