CSS详解

发布时间 2023-03-23 18:19:18作者: LiWeixiao

Cascading Style Sheets层叠样式表
HTML+CSS+JavaScript
框架+表现+交互

一、初始及入门

1.CSS概念

CSS在网页中的应用
CSS的发展史
CSS的优势

2.CSS基本语法

标签style

3.三种引入方式

行内样式
内部样式
外包样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h1{
            color:red;
        }
    </style>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>标题1</h1>
<h2>标题2</h2>
<h3 style="color:blue">标题3</h3>
<h4>标题4</h4>
</body>
</html>

4.CSS选择器(重点)

基本选择器:标签 id# class.
高级选择器:
层次选择器(空格 > ~ +)
结构伪类选择器child
属性选择器a[可以正则]

二、美化网页

字体:color、font-siza
排版网页:
超链接伪类:
列表样式:
背景样式:

三、盒子模型

四、浮动

五、定位