HTML/CSS 内容简单回顾

太过爱你忘了你带给我的痛 2022-12-12 15:03 126阅读 0赞

#### HTML内容简单回顾： ####

什么是HTML：超文本标记语言

p标签：段落标签

br标签：简单换行

h1-h6：标题标签

hr标签：水平分割线，华丽的分割线

font标签：color属性改变颜色，size默认3

b标签：加粗

i标签：斜体

strong标签：带语义的加粗

em标签：斜体标签，带语义

img标签：图片标签

src： 指定图片路径(相对路径)  
width： 宽度  
height： 高度  
alt： 图片加载失败时的提示  
相对路径：

./ 代表当前路径

. ./ 代表的是上一级路径

. ./. ./ 代表的是上上一级路径，依次类推

ul标签：无序列表

ol标签：有序列表

li标签：列表项

a标签：超链接标签：

target：打开方式

href：指定要跳转的链接地址

table标签：table > tr > td

tr标签：行  
td标签：列  
合并行：rowspan  
合并列：colspan  
form 标签：表单标签，主要是用来向服务器提交数据

method：提交方式：get，post  
action：提交的路径  
input 标签：

type：  
password：密码框  
text：文本  
submit：提交  
button：普通的按钮  
reset：重置按钮  
radio：单选按钮，设置name属性，让它们是一组  
checkbox：复选按钮  
email：邮箱  
date：日期  
tel：手机号码  
frameset：框架标签

rows：  
cols：  
frame：

--------------------

#### CSS部分的回顾： ####

CSS：层叠样式表.

CSS作用：美化页面，提高代码的复用性。

CSS选择器，需要掌握的有：

元素选择器：标签的名称  
类选择器：以 . 开头  
ID选择器：以\#开头，\#ID的名称，ID必须是页面上唯一的  
优先级：行内样式 > ID选择器 > 类选择器 > 元素选择器

当存在一样的选择器时，就近原则。

扩展选择器：

选择器分组：选择器1，选择器2 以逗号隔开  
后代选择器：爷爷 孙子 中间以空格隔开  
子元素选择器：爸爸 > 儿子  
属性选择器：选择器\[属性的名称=’’\]  
伪类选择器：超链接标签上使用  
浮动：float属性，值left right

清除浮动：写一个空白div，加clear属性，值both left right

盒子模型：顺时针，上右下左

padding：内边距，控制盒子内容与边框之间的距离  
margin：外边距，控制盒子与盒子之间的距离  
绝对定位：

position：absolute  
top：  
left：

发表评论取消回复

表情：

评论列表（有 0 条评论，126人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTMLCSS学习笔记（二十三）GRID布局

GRID布局它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局 Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的

拼搏现实的明天。/ 2023年10月06日 15:28/ 0 赞/ 88 阅读

相关简单回顾(vue + js)

文章目录 1、forEach与for循环的区别 2、弹性和布局 3、数据类型以及深浅拷

淩亂°似流年/ 2023年06月17日 10:52/ 0 赞/ 12 阅读

相关 HTML/CSS 内容简单回顾

HTML内容简单回顾：什么是HTML：超文本标记语言 p标签：段落标签 br标签：简单换行 h1-h6：标题标签 hr标签：水平分割线，华丽的分割线 font

太过爱你忘了你带给我的痛/ 2022年12月12日 15:03/ 0 赞/ 127 阅读

相关一元二次方程的简单回顾

一概述只含有一个未知数(一元)，并且未知数项的最高次数为2的整式方程叫做一元二次方程。二一元二次方程的根 1. 判别公式 ![2020110411044

r囧r小猫/ 2022年11月22日 10:28/ 0 赞/ 295 阅读

相关双曲线知识的简单回顾

一概述定义：双曲线为与两个固定点（焦点）的距离差为常数的点的轨迹。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_t

浅浅的花香味﹌/ 2022年11月22日 10:25/ 0 赞/ 177 阅读

相关 getopt 简单回顾一下

函数解析 getopt -- 解析命令的可选项【说明】getopt只是一个简单的解析命令可选项的函数，只能进行简单的格式命令解析，格式如下： 1、形如：cmd \[

古城微笑少年丶/ 2022年03月16日 03:24/ 0 赞/ 208 阅读

相关 spring的i o c简单回顾

1.springIOC是一个创建对象的容器，他负责将我们需要的对象帮我们创建出来，创建时间是：当我们从上下文环境中读取此对象时就会帮我们创建，严格意义上来讲它是一种编程思想不是

╰+攻爆jí腚メ/ 2021年12月23日 16:33/ 0 赞/ 202 阅读

相关 Python--day66--内容回顾

![1491323-20190227223805481-246491034.png][] ![1491323-20190227223812776-1278688967.png

逃离我推掉我的手/ 2021年12月23日 11:11/ 0 赞/ 277 阅读

相关学习python第三天内容回顾

一、注释注释分为单行和多行注释，单行注释用\在需要注释的首字添加，而多行注释可以用三对单引号或者双引号，不会被python解释器解释执行，是提供给开发者阅读代码的提示

向右看齐/ 2021年12月22日 03:59/ 0 赞/ 262 阅读

相关上周学习内容回顾

1.Tcp粘包问题 2.udp 区别：不粘包，不可靠，传输效率高，适合数据量小的传输，不要求传输数据的顺序不需要建立链接使用场景，对速度要求高，但是对数据完整性要求不高

╰半夏微凉°/ 2021年12月22日 03:59/ 0 赞/ 262 阅读