HTML
文章平均质量分 91
鬼R见愁
这个作者很懒,什么都没留下…
展开
-
HTML标签-排版标签、媒体标签、列表标签、表格标签、表单标签、语义化标签、字符实体
一、排版标签 1、标题标签 在新闻和文章的页面中都离不开标题,用来突出显示文章主题。 h系列标题 <body> <h1>1级标题</h1> <h2>2级标题</h2> <h3>3级标题</h3> <h4>4级标题</h4> <h5>5级标题</h5> <h6>6级原创 2021-08-04 19:12:56 · 849 阅读 · 0 评论 -
css笔记六-项目样式补充及项目前置认知
一、项目样式补充 1、精灵图介绍 项目中将多张小图片合并成一张大图片,这张大图片称之为精灵图; 优点:减少服务器发送次数,减轻服务器的压力,提高页面加载速度; 例如:需要在页面中展示8张小图片 8张小图片分别发送——发送8次; 合成一张精灵图发送——发送一次; 2、精灵图的使用步骤 1> 创建一个盒子, 2> 通过PXcook量取小图片大小,将小图片的宽高设置给盒子; 3> 将精灵图设置为盒子的背景图片; 4> 通过PXco...原创 2021-08-14 16:11:40 · 137 阅读 · 0 评论 -
CSS笔记五-定位、装饰、选择器拓展
一、定位 1、定位的基本介绍 1.1、网页常见布局方式 标准流: 块级元素独占一行——垂直布局; 行内元素/行内块元素一行显示多个——水平布局; 浮动:可以让原本垂直布局的块级元素变成水平布局; 定位:可以让元素自由的摆放在网页的任意位置;一般用于盒子之间的层叠情况; 1.2、定位的常见应用场景 * 可以解决盒子与盒子之间的层叠问题(定位之后的元素层级最高,可以层叠在其他盒子上面); * 可以让盒子始终固定在屏幕中的某个位置; 2、定位的基本使用 2.1、定位初体验 需求:页面中的原创 2021-08-13 21:57:29 · 276 阅读 · 0 评论 -
css笔记四-结构伪类选择器、伪元素、浮动
一、结构伪类选择器原创 2021-08-11 21:54:51 · 421 阅读 · 1 评论 -
CSS笔记三-盒子模型、
一、盒子模型 1、盒子模型的介绍 概念: 页面中的每一个标签都可以看作是一个盒子,通过盒子的视角可以更方便的进行布局; 浏览器在渲染页面时,会将网页中的元素看作一个个的矩形区域,我们也称之为盒子; 盒子模型: css中规定每个盒子分别由:内容区域(content)、内边距区域(padding)、边框区域(border)、外边距区域(margin)构成,这就是盒子模型。 联想:包装盒 2、内容区域的宽高 利用 width 和 height 属性默认设置盒子 内容区域的大小; 常见取..原创 2021-08-09 22:59:14 · 143 阅读 · 0 评论 -
CSS笔记二-选择器、背景相关属性、元素显示模式、CSS三大特性、chrome调试工具、PXcook使用
一、复合选择器 1、后代选择器 根据HTML标签的嵌套关系,选择父元素后代中满足条件的子元素; 选择器语法:选择器1 选择器2 {css} 结果:在选择器1中所找到标签的后代(儿子、孙子、重孙子....)中,找到满足选择器2的标签,设置样式; 注意点:后代包括:儿子、孙子、重孙子.... 后代选择器中,选择器与选择器之间通过空格隔开; <style> .father p{ color: red; } </style> <body原创 2021-08-07 22:20:08 · 198 阅读 · 0 评论 -
css笔记一-CSS简介、基础选择器、字体和文本样式
一、CSS简介 1.1、什么是CSS? CSS(Cascading style sheets):层叠样式表 CSS作用:给页面中的HTML标签设置样式 1.2、CSS语法规则 写在哪里? css写在style标签中,style标签一般写在head标签里面,title标签下面; 怎么写? 利用css选择器 1.3、css初体验 常见属性: color:文字颜色; font-size:字体大小; background-color:背景颜色; width:宽度; height:高度;原创 2021-08-06 23:16:06 · 262 阅读 · 0 评论 -
HTML基础知识
一、基础认识 1、认识网页 1.1、网页有哪些部分组成:文字、图片、音频、视频、超链接; 1.2、网页背后的本质:前端代码; 1.3、前端代码通过浏览器(解析和渲染)转换成用户眼中所看到的页面; 1.4、五大浏览器:IE, 谷歌(Chrome),火狐(Firefox),Safari浏览器,欧朋浏览器(Opera); 1.5、渲染引擎(浏览器内核):浏览器中专门对代码进行解析渲染的部分, 浏览器出品不同,内在渲染引擎也不同 浏览器 内核 备注 I...原创 2021-07-31 15:47:04 · 105 阅读 · 0 评论