anh_qwh

CSS-1.1-CSS概述

CSS-1.1-CSS概述

一：前言
二：CSS概述
三：CSS重要知识点
四：CSS语法
- 1、语法格式
- 2、代码注释
五：CSS常见属性
- 1、字体颜色
- 2、字号大小
- 3、背景颜色
- 4、加粗
- 5、不加粗
- 6、斜体
- 7、不斜体
- 8、下划线
- 9、没有下划线

一：前言

互联网前端分三层
- HTML
  - 超文本标记语言
    - 从语义的角度描述页面结构
- CSS
  - 层叠样式表
    - 从审美的角度负责页面样式
- JS
  - javaScript
    - 从交互的角度描述页面行为

二：CSS概述

HTML只负责文档的结构和内容，表现形式交给CSS
- 若在一百个页面上实现同一个样式，
  - HTML需要写一百次
  - 而CSS仅需写一遍
CSS：
- Cascading style sheet
- 层叠样式表
CSS的作用：
- 给HTML页面标签添加各种样式，定义网页的显示效果
- CSS将网页内容和显示样式进行分离，提高了显示功能

HTML缺陷
1.不能够适应多种缺陷
2.要求浏览器必须智能化足够庞大
3.数据和显示没有分开
4.功能不够强大

CSS的优点
1.使数据和显示分开
2.降低网络流量
3.使整个网站视觉效果一致
4.提高开发效率（一人负责写HTML，一人负责写CSS）

CSS两个知识部分
1.选择器，怎么选
2.属性，样式是什么

三：CSS重要知识点

盒子模型
浮动
定位

四：CSS语法


<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>嵌入式title>
	<style type="text/css">
		/* 通过嵌入式引入 */
		div{
			height: 200px;
			width: 200px;
			/* 属性有多个值时用空格相隔开 */
			border: 1px solid red;
		}
	style>
head>
<body>
	<div>div>
body>
html>

1、语法格式

选择器代表页面上的某类元素，选择器后面一定是大括号
属性名与属性值之间用冒号
属性名与属性名之间用分号
属性名和冒号之间最好不要有空格
如果一个属性有多个值的话，用空格将值隔开

2、代码注释

/* 代码注释 */
注释要写在