如果说网页是人的话那么CSS就是化妆品了哈哈哈，所以网页离不开CSS的装饰。
id选择器和Class选择器    二者都是用来选择元素进行装饰的，我个人理解是类选择器包含了id选择器，class选择器不进能选出单个元素还能还能选出一类元素。
外部样式表    在外部进行编写代码在网站的代码进行调用
内部样式表    在网页的<head>中用加<style>然后用类选择器来调用
内联样式表    在标签中加style就能直接修饰
背景（background)       background-color　　　 背景颜色
　　　　　　　　　　  background-image　  　 背景图片　　　　　　
　　　　　　　　　　  background-repeat　　   背景图片平铺　　　　如：background-repeat:no-repeat  、background-repeat:repeat-x
　　　　　　　　　　  background-attachment   背景图片固定　　　　如：background-attachment:pixed

文本（text)　　　　　  color　　　　　　　　 文本颜色
　　　　　　　　　　  text-align　　　　　　 文本对齐方式　　　　　　如：text-align:center  、  text-align:right  、  text-align:justify
　　　　　　　　　　  text-decoration　　　   文本修饰　　　　　　　　如：text-decoration:none(删除下划线)
　　　　　　　　　　  text-transform　　　     文本转换　　　　　　　　如：text-transform:overline  、 text-transform:line-through  、  text-transform:upperline
　　　　　　　　　　  text-indent　　　　　　文本缩进　　　　　　　　如：text-indent:20px
还有一些拓展的　　　  letter-spaing　　　　　 字符之间的距离
　　　　　　　　　　  line-height　　　　　　 行与行之间的高度
　　　　　　　　　　  direction　　　　　　　文本书写方向　　如：direction:rtl  从右往左写
　　　　　　　　　　  word-spacing　　　　　增加单词之间的空白空间
　　　　　　　　　　  white-space:nowrap　　禁用文本环绕（就是把多行文本写成一行）
　  　　　　　　　　　text-shadow　　　　　　增加阴影效果　　如：text-shadow:2px 2px #FF0000

字体（fonts）　　　　  font-family　　　　　　字体属性
　　　　　　　　　　   font-style　　　　　　  字体样式
　　　　　　　　　　   font-size　　　　　　   字体大小
　　　　　　　　　　   font-weight　　　　　   字体的粗细　　　　   字体变细font-weight:lighter              变粗font-weight:500

链接（link）　　　　　

a:link {color:#000000;}      /* 未访问链接*/

a:visited {color:#00FF00;}  /* 已访问链接 */

a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */

a:active {color:#0000FF;}  /* 鼠标点击时 */

　　　　　　　　　　  color
　　　　　　　　　　  text-decoration
　　　　　　　　　　  background-color

CSS的简单复习总结的更多相关文章

  1. css重点章节复习—布局-边框-边距-浮动 (部分)

    css重点章节复习—布局-边框-边距-浮动 在第二个任务中,这一块的后面那条线真的弄了很久.起初也是在html里面写的代码.之后觉得这样不好,想到第一个页面中用到的border-bottom和bord ...

  2. CSS绘制简单图形

    究竟该用字体图标.图片图标.还是CSS画一个图标?我也不知道.各有千秋吧.本文将介绍如何用css绘制简单的图形,所有测试在chrome58.0完成,如果你不能得到正确结果请到caniuse查一查看看是 ...

  3. Html5 和 CSS的简单应用

    本文是利用几个简单的小例子,来实现html+css的简单应用. 菱形链接菜单 本例是采用html5+css3.0设置的菜单链接.其中主要用到了以下几个方面: CSS3.0中的2D变换,如:旋转tran ...

  4. html css的简单学习（三）

    html css的简单学习(三) 前端开发工具:Dreamweaver.Hbuilder.WebStorm.Sublime.PhpStorm...=========================== ...

  5. html css的简单学习（二）

    html css的简单学习(二) <!Doctype html>告诉浏览器,这是一个html文档.lang="en" 默认是en,表示英语:zh-Hans 中文简体:z ...

  6. html css的简单学习

    html css的简单学习 css的内边距:padding (auto.length.%)(顺序:上.右.下.左)padding-toppadding-leftpadding-rightpadding ...

  7. css实现简单的告警提示动画效果

    需求:css实现简单的告警提示动画效果,当接收到实时信息的时候,页面弹出告警信息的动画效果 <!DOCTYPE html> <html lang="en"> ...

  8. css实现简单音乐符效果

    css实现简单音乐符效果 利用css3中的transform.animation.keyframes实现 <!DOCTYPE html> <html lang="en&qu ...

  9. koa2入门--01.ES6简单复习、koa2安装以及例子

    1.ES6简单复习 /*let 和 const: let用于定义一个块作用域的变量,const 定义一个常量 */ let a = 'test'; const b = 2; /*对象的属性和方法的简写 ...

随机推荐

  1. TCP的客户端搭建

    一.设计目标 之前已经写过了TCP服务器原理及通过visual studio 验证 SOCKET编程:搭建一个TCP服务器,这里我们搭建一个TCP客户端界面并对各功能进行实现.设计效果如下: 二.实验 ...

  2. C#算法与数据结构之线性结构

    线性结构是什么? 线性结构是一种数据结构,它有一对一的关系,就像一个长对,一个接一个,特点是,除第一个元素和最后一个元素外,其它元素前后只有一个元素. 简单示例1: static void Main( ...

  3. Encrypt2

    begin#33AB6770A8A98127BD0B5A6DAEC68E5E9385C02D24C850B12987FE36CF1A62738174C6FE5336E3B50048E836238582 ...

  4. Akka-CQRS（3）- 再想多点，全面点

    上篇我介绍了CQRS模式存写部分的具体实现和akka-persistence一些函数和消息的用法.在这篇本来是准备直接用一个具体的例子来示范CQRS模式编程,主要是写端,或者是数据采集端.想着模拟收银 ...

  5. Javascript高级编程学习笔记（59）—— 事件（3）事件对象

    事件对象 在触发DOM‘事件时,会产生一个事件对象 event 该对象包含着所有与事件有关的信息 所有浏览器都支持 event 对象但是支持的方式有所不同 DOM事件对象 兼容DOM的浏览器会将eve ...

  6. Day1:html和css

    Day1:html和css 了解浏览器 掌握WEB标准 理解标签语义 掌握常用标签 掌握三种列表标签 前端开发工具: 浏览器是网页显示.运行的平台,IE.火狐(Firefox).谷歌(Chrome). ...

  7. 第44节：Java当中的JVM

    Java当中JVM 01 在使用控制面板时的实质: Hello.java使用javac,然后变成为Hello.class通过运行java这个命令,在类加载器中(含有加载,验证,准备,解析,初始化,使用 ...

  8. StackExchange.Redis 模糊查询和删除

    初始化连接对象 _connectionString = ConfigurationManager.ConnectionStrings["RedisConnectionString" ...

  9. [部署]CentOS安装PHP环境

    环境 虚拟机:VMWare10.0.1 build-1379776 操作系统:CentOS7 64位 HTTP Server:Apache(httpd) 步骤 PHP环境需要HTTP服务器支持,本文使 ...

  10. python列表（list）的简单学习

    列表是由一系列按特定顺序排列的元素组成, 是 Python 中使用最频繁的数据类型.列表可以完成大多数集合类的数据结构实现.列表中元素的类型可以不相同,它支持数字,字符串甚至可以包含列表.字典(即嵌套 ...