美文网首页
CSS 基本样式

CSS 基本样式

作者: 兔子不打地鼠打代码 | 来源:发表于2018-01-11 21:32 被阅读16次

    一、对齐

    • 使用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

    七、轮廓

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

    相关文章

      网友评论

          本文标题:CSS 基本样式

          本文链接:https://www.haomeiwen.com/subject/jqgtoxtx.html