Web复习总结-HTML、CSS

old-handsome

已于 2022-07-01 13:11:27 修改

阅读量113

点赞数

分类专栏： Web 文章标签：前端 css css3

于 2022-06-30 11:13:47 首次发布

本文链接：https://blog.csdn.net/qq_51922077/article/details/125529586

版权

Web 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

文章目录

前言
一、HTML知识点总结
二、CSS入门到精通
- 1. CSS基础知识
- 2、CSS基础选择器
总结

前言

本博客仅做学习笔记，如有侵权，联系后即刻更改

科普：

一、HTML知识点总结

HTML标签

由开始标签和结束标签组成成对出现，如<h1>和</h1>

h1-h6：标题标记，字体依次减小
<font></font>：字体样式标记
属性：
face：设置字体
size：字体大小，1-7，7最大，默认3
特殊字符
格式：&字符描述;

<：< >：> 空格符： 

p：段落

<br>：换行标记
<nobr>：禁止换行标记
<hr>：水平线标记
属性：align：对齐方式，默认center
<pre>：预格式化标记

a：定义链接
href属性的值是链接的地址
img：图片，以/>结尾
src属性的值是图片的地址
alt属性的值是当图片没有展现出来时提示的文字
div：块级元素

<table></table>：表格标记

属性：

cellsapcing：单元格之间的距离，默认1px
cellpadding：单元格内容和表线之间的距离，默认1px

<tr><td><th>的属性：

rowsapn：向下合并单元格
colspan：向右合并单元格

列表

<ul></ul>：无序列表标记
type属性设置加重符号：disk表示实心圆点，circle表示空心圆点，square表示实心方块

<ol></ol>：有序列表标记
type标识符号：1，默认值，用1、2、3标识；A、a、I、i
start：指定由哪个数字开始
<li>的value可以赋值标识符

<dl></dl>：描述列表标记

<form></form>：表单定义标记
属性：
method：get/post，默认get
action：指定处理信息的页面URL
enctype：指定表单输入数据的编码方法，只有在post情况下有效

<input>：输入标记
属性：
type：指定控件类型：

text：文本框
password：口令框
submit：提交按钮
button：按钮

<select></select>：下拉列表框标记
属性：
name：下拉列表框名字
multiple：允许多项选择
size：定义一次展示的列表项的数目

<option>：定义列表项的选项值

selected：预选该项
value：指定控件的初始值

表示注释的结束

二、CSS入门到精通

CSS(Cascading Style Sheets)即层叠样式表，是一种用来为结构化文档（例如HTML文档或XML应用）添加样式的计算机语言，目前由W3C定义和维护。

1. CSS基础知识

CSS语法基本格式：选择器 {声明1}

选择器用于指定我们要修改的HTML元素
声明的基本格式：{属性: 值;}

样式引入方式

内部样式表：在文档头部中引入
直接在HTML文件的头部，添加<style type="text/css"></style>元素
~
外部样式表：通过外部文件引入,
<link rel="stylesheet" href="style.css" />
将CSS单独书写在文件后缀名为.css的文件中。
然后在HTML的<head>中添加CSS文件链接
属性rel的值stylesheet代表样式表，通常不变
~
内联样式表：直接在标签内添加样式属性
<tag style="样式表"></tag>