CSS 基本样式

一、对齐

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

二、背景

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


三、字体

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


  • 自定义字体
    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列表可以放置、改变列表标志(也就是列表前面的黑点),或者将图像作为列表项标志


六、表格

内容 代码
table row tr
表头 th
数据 td
表格边框 border
合并内外边框 border-collapse:collapse
表格文本对齐 text-align:居中
表格内边距 padding

七、轮廓

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容