CSS常用属性
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:CSS
作者:吴锦华
撰写时间:2021/7/8
1、字体和文本
CSS字体属性定义字体,加粗,大小,文字样式.
所有CSS字体属性:
Property | 描述 |
在一个声明中设置所有的字体属性 | |
指定文本的字体系列 | |
指定文本的字体大小 | |
指定文本的字体样式 | |
以小型大写字体或者正常字体显示文本。 | |
指定字体的粗细。 |
Css文本属性定义字体颜色、文本对齐、行高等。
所有CSS文本属性。
属性 | 描述 |
设置文本颜色 | |
设置文本方向。 | |
设置字符间距 | |
设置行高 | |
对齐元素中的文本 | |
向文本添加修饰 | |
缩进元素中文本的首行 | |
设置文本阴影 | |
控制元素中的字母 | |
设置或返回文本是否被重写 | |
设置元素的垂直对齐 | |
设置元素中空白的处理方式 | |
设置字间距 |
字体文本示例如下:
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,所以我要分享给各位亲,希望可以帮助到你们。
以上就是我的分享,如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔