美文网首页
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

七、轮廓

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

相关文章

  • day03

    A我今天学到了什么 CSS的基本样式 CSS的基本样式

  • css基本样式

    1.CSS基本样式 CSS样式的继承

  • day03

    A今日所学 一、CSS基本样式 二、CSS继承 B今日已掌握 一、CSS基本样式 二、CSS继承 C今日未掌握

  • CSS教程

    CSS代码--写在哪里?外部样式: 内页样式: 此处写CSS代码 行内样式: 将字体改为红色 CSS基本语法 CS...

  • day03

    A今天学了什么? 1.CSS基本样式讲解 1.1css背景样式 1.2CSS文本 1.3CSS字体 1.4.css...

  • day03

    A今天学到了什么 1.css基本样式 1.css背景 2.css 文本 3.css 字体 4.css 列表样式...

  • CSS基础语法一

    CSS基本语法 CSS样式 内联样式(行内样式) 当行代码设置属性 页内样式 当先页面设置属性 外部样式 在单独的...

  • HTML 5_CSS 3_JavaScript讲义(五)-级联样

    (1).CSS样式单基本使用 1.引入外部样式文件: 2.导入外部样式单: @import "outer.css"...

  • 前端Day - 02

    CSS三种样式 行间样式表 内部样式表 外部样式表 CSS基本样式 常用标签 超链接 base标签 span标签 ...

  • CSS基本样式

    CSS背景image.png可以设置是否重复 CSS的文本样式image.png CSS链接:在链接中,我们可以设...

网友评论

      本文标题:CSS 基本样式

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