CSS 基本样式

一、对齐

  • 使用margin属性进行水平对齐
    +使用position属性进行左右对齐
    +使用float属性进行左右对齐

二、背景

CSS可以用颜色填充背景,也可以用图片做背景


CSS 基本样式_第1张图片

三、字体

定义文本的字体系列、大小、加粗、风格


CSS 基本样式_第2张图片
  • 自定义字体
    css3之前,都使用保证在用户电脑上存在的字体,但是在css3之后,可以用@font-face把自定义的web字体嵌入到网页中
    语法规则:
@font-face{
  font-family:YourWebFontName
  src:url()
  [font-weight:]
  [font-style:]
}

1. 跨平台 CSS 中文字体解决方案

2.中文网页重设与排版:一致化浏览器排版效果,构建最适合中文阅读的网页排版

3.如何保证网页的字体在各平台都尽量显示为最高质量的黑体?

4.Web 中文字体应用指南

四、链接

1. 链接的四种状态:

状态 说明
a:link 普通的、未被访问的链接
a:visited 用户已访问的链接
a:hover 鼠标指针位于链接的上方
a:active 链接被点击的时刻

2. 常用的链接样式

text-decoration属性,用于去掉链接中的下划线

a:link{
  color:yellow
  text-decoration:none
}

五、列表

css列表可以放置、改变列表标志(也就是列表前面的黑点),或者将图像作为列表项标志


CSS 基本样式_第3张图片

六、表格

内容 代码
table row tr
表头 th
数据 td
表格边框 border
合并内外边框 border-collapse:collapse
表格文本对齐 text-align:居中
表格内边距 padding
CSS 基本样式_第4张图片

七、轮廓

轮廓主要是用来突出元素的作用

CSS 基本样式_第5张图片

你可能感兴趣的:(CSS 基本样式)