css基础总结(css简介、css语法框架、css样式表格式、css选择器)

css基础总结

1-css概述

  1. css含义
    cascading style sheets——层叠样式表,也称css样式表、级联样式表。
  2. css作用
    html负责网页页面中“有什么”,而css负责网页页面中的内容“长什么样”,用来定义网页内容的格式
  3. css语法框架
/*展开格式——推荐 */
选择器 {
    属性:;/* 每行称为一个“声明” */
    ……;
    属性:/* 最后一个声明后不需要跟“;” */
}
/* 紧凑格式 */
选择器 {属性:;……;属性:}
  1. 样式表格式
    css样式表的格式可以按照书写位置分为三类:行内样式表、内部样式表、外部样式表。
  • 行内样式表
    直接在元素标签中设定样式,可简单修改某些标签的样式。例如如下代码:
<p color="red" font-size="10px" >文字部分p>
  • 内部样式表
    首先回顾一下html文件的基本框架:
<html>
    <head>
        <title>网页标题title>
    head>

    <body>
        
    body>

内部样式表即把样式表写在html代码中,将样式打包放在