CSS学习笔记

前言

HTML的基本内容是：文本格式化、列表、表格、表单、链接。

CSS的基本内容是：盒子模型、字体、文本、链接、定位、边框、对齐。

常用的应用有：网页布局、导航栏、下拉菜单、搜索栏、反馈表单、提示工具、开关样式。

速查列表

菜鸟教程链接：https://www.runoob.com/css/css-examples.html

CSS基本内容

1. 盒子模型：外边距margin、轮廓outline、边框border、内边距padding、内容content。
2. 字体：字体font-family、字体样式font-style、字体大小font-size
3. 文本：颜色color、对其方式text-align、文本缩进text-indent
4. 链接：正常a:link、访问过a:visited、停留在链接上a:hover、点击a:action
5. 定位：静态定位static、滚动定位fixed、水平滚动定位relative、绝对定位absolute、黏性定位sticky
6. 边框：边框样式border-style、边框宽度border-width、边框颜色、单独设置边border-top-style
7. 图片定位float、对齐margin

CSS应用

菜鸟教程的设计整个网页https://www.runoob.com/w3cnote/htmlcss-make-a-website.html

菜鸟教程的反馈信息表单https://c.runoob.com/codedemo/3150