![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML总结
文章平均质量分 89
鹿蹊zz
这个人很懒,什么都没有留下~~~
展开
-
html表格的使用
目录1. 表格的定义:2. 表格的标签3. 单元格边框(border)4. 合并单元格5.表格格式5.1 单元格的对齐5.2 背景色&图片(bgcolor & background)5.3 单元格的边距(cellpadding)5.4 单元格间的距离(cellspacing)5.5 显示部分边框(frame & rules)练习1练习21. 表格的定义:<table> 标签定义 HTML 表格。简单的 HTML ..原创 2022-05-11 16:00:20 · 590 阅读 · 1 评论 -
精灵图(css sprites)
目录一、什么是精灵图?二、精灵图的优点三、精灵图的缺点四、精灵图的基本用法五、 background-position六、渐变1、线性渐变2、径向渐变一、什么是精灵图?所谓精灵图就是图片拼合技术,把很多的小图片合并到一张较大的图片里,通过css中的background-position属性,显示精灵图中某一个小图标。二、精灵图的优点 在首次加载页面的时候,就不用加载过多的小图片,只需要加载出来将小图片合并起来的那一张大图片也就是精灵图即可,.....原创 2022-05-10 15:41:00 · 2688 阅读 · 0 评论 -
背景相关的属性值
目录一、背景相关属性值1、背景颜色(background-color)2、背景图片颜色(background-image)3、背景图片重复方式(background-repeat)4、背景图片位置(background-position)5、背景范围(background-clip)6、背景图片偏移原点(background-origin)7、背景图片大小(background-size)二、background简写方式补充:背景颜色渐变通过CSS背景属性,.原创 2022-05-09 14:49:16 · 3651 阅读 · 1 评论 -
浮动与高度塌陷
浮动1.display属性常用的值 值 说明 block 变成块元素 inline 变成行内元素 Inline-block 既是块又是行内元素 none 元素不会被显示 2.float(浮动)属性的值 属性值 说明 left原创 2022-05-04 23:10:24 · 102 阅读 · 2 评论 -
CSS定位
定位:指的是将指定元素,摆放在页面任意位置, 通过定位,我们可以任意摆放元素通过position属性设置元素定义可选值:static 默认值 没有开启定位 relative 开启相对定位 1:当开启相对定位后,如果不设置偏移量,元素不会发生变化 #偏移量:元素开启定位,可以通过left,right,top,bottom四个属性设置 越大越向相反方向移动 left:元素相对于其定位位置的左侧偏移量 l...原创 2022-05-04 23:06:31 · 72 阅读 · 0 评论 -
盒子模型总结
一、定义盒子模型 :盒模型、框模型(box model) css将页面汇总所有的元素的都设置为一个个矩形的盒子。将元素设置为矩形的盒子后,对页面的布局就变成了将不同的盒子摆放到不同的位置,每一个盒子,都有以下几个部分。 内容区(content):元素中所有的 边框(border):元素设置边框 内边距(padding):指的是盒子的内容和边框之间的距离 外边距(margin):决定是盒子和盒子的距离(盒子可见框大小)盒子模型内盒总尺寸=...原创 2022-05-04 21:34:24 · 2777 阅读 · 0 评论 -
CSS3网页元素
CSS3美化网页元素<span>标签是用来组合HTML中的行内元素的常用的字体属性、含义及用法 属性名 含义 font-family 字体类型 font-size 字体大小 font-style 字体风格 font-weight 字体粗细 font原创 2022-05-03 20:49:34 · 83 阅读 · 2 评论 -
CSS学习---选择器(全)
初始CSSCSS全称为层叠样式表(Cascading Style Sheet)它是用来进行网页风格设计的。一、在HTML中引入CSS的方法有三种:行内样式 内部样式 外部样式有两种: (1)链接式语法:<head><link href=”style.css” rel=”stylesheet” type=”text/css”></head> (2)导入式语法:<head> @import url.........原创 2022-05-03 20:33:08 · 217 阅读 · 1 评论 -
HTML学习总结(全)
一、HTML5基础DOCTYPE声明告诉浏览器使用哪种规范来解释这个文档的代码<! DOCTYPE html> <title>标签用来描述网页的标签 <mata>标签描述网页的摘要信息<mata charset=”UTF-8”> 标题标签<h>标题</h> 段落标签<p>文字内容<p> <br/>表示强制换行 <hr/>表示一条水平线 <em>斜体 &l原创 2022-05-03 13:57:49 · 255 阅读 · 1 评论