html5新增内容 1. 语义化标签 nav、header、footer、article、section… 2. 媒体标签 audio、video、source 3. 表单 表单类型：<input type="tel"> number、date、time、month、week… 表单属性： 表单事件： 4. 进度条、度量器 5. DOM查询操作 6. Web存储 行内元素
CSS伪类选择器 p:hover 选择鼠标指针位于之上的标签。 p:first-child 选择属于父元素的第一个标签，并且为p标签，如果第一个不是p标签则无效。 p:first-of-type 选择属于其父元素的首个出现的 <p> 元素。 .box:first-of-type （box为p标签类名）选择属于父元素的首个p标签，并且带有box类名
一、写在前面 注释对于一个项目来说非常重要，好的注释可以让同项目的同学快速熟悉每个模块的作用。 二、代码注释 + JavaDoc 1.类注释 /** * 我是类注释 * @author 作者 * @since 2021-02-22 22:22 * @version 1.1.1 */ 2.方法注释 /** * 方法注释和类注释一样
复合选择器补充 focus选择器：选择获得光标的表单。（用处较少） <style> input：focus{键：值} </style> css元素显示模式 块元素 常见块元素<h1>-<h6>、<p>、<div>、<ul>、<ol>、<li>等等，最常用<div>。 特点： 1.独占一行。 2.可以控制高、宽、内外边
转自：微点阅读（www.weidianyuedu.com）微点阅读 - 范文大全 - 免费学习网站 块级元素：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽； 行内元素：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高！其中还有一种结合两种模式有点的显示模式
元素类型 元素类型分类： -根据css显示 元素类型可分为 块级元素/块状/块元素、行内元素/内联元素、可变元素（从行内元素中扩展出的行内元素） 块元素： -常见的块元素：div、ul、li、p、h、ol... 块元素可以直接设置宽高大小。块元素无论宽高大小是多少都会独占一行块元素默认
css的三种样式表： 1.行内样式表（行内式） 2.内部样式表（嵌入式） 3.外部样式表（链接式） 内部样式表 是写到html页面内部，是将所有的css代码抽取出来，单独放到一个<style>标签中 行内样式表 是在元素标签内部的style标签中设置css样式，适用于简单的修改。 外部样式表 实际开发
一、精灵图（重点） 1.1为什么需要精灵图 网页中往往会有很多的小背景图像作为修饰，当频繁向服务器发送请求时，服务器压力过大，降低加载速度。 使用精灵图的目的：减少服务器的请求次数，提高加载速度 例子 1.2精灵图的使用 1.主要针对于小的背景图片 2.借助于背景位置来实现----backgrou
水平居中： ①行内元素(或行内块元素)包含在块元素里时可将元素看作是父元素中的文本，父元素(块元素设置text-align:center;) ②1.块元素定宽时，设置margin: auto;即可实现水平居中 ②2.块元素定宽时，设置position定位实现水平居中 垂直居中： 对应① 设置height=line-h
行内元素，块级元素和行内块元素 学习 CSS 的时候发现，发现有些标签会独占一行，典型的例如 <div> 标签。而某些不会独占一行，典型如 <span> 标签。其实这是因为 CSS 的标签是有区分元素类型的，这些元素类型分为行内元素，块级元素和行内块元素。 一.行内元
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati
块标签 div,ul,li,ol,h1~h6,p 可以设置宽高 不可以与别人共处一行 不设置宽度的情况下,默认宽度是100% 行内标签 span,strong, 不可以设置宽高 可以与别人共处一行 其宽高由内容撑开
一、块级元素：在浏览器显示时，通常会以新行来开始（和结束） <p>, <table><div> ,<ul>,<ol>,<li>,<h1>-<h6>
今天晚上闲来无聊，又把css进行了复习，虽然复习的不多，但总觉得以文字的形式记录出来，加深一下自己的印象（本文没有涉及代码编写和效果图，适合有基础的复习） 引入方式 分为行内引入（行内式） 在头部加<style>标签进行引入（内嵌式） 自己新创一个.css结尾文件通过<link>连接（外链式） 选择器 基础
认知 web标准 HTML 结构 css 表现 js 行为 HTML 块 div h p ul>li ol>li dl>dt+dd 行内块(一行共存, 加宽高能生效) img src alt: 替换文本, 图不显示的时候显示的文字 title: 提示文本, 鼠标悬停的时候显示的文字 input t
一、显示 隐藏 切换 1.自己会加行内样式 修改行内样式display:none 2.隐藏display:none 显示display:原始值，不会随意增加任何内容，如果没有原始值，则删除display样式 3.动画路线 左上角<->右下角 二、行内样式 height 动画路线 上<->下 三、行内样式 opac
行块属性分为行内属性、块属性、行内块属性 行内属性：span,a，font,strong，em等 特点：1.不能设置宽度和高度 2.行内元素的宽度和高度是其内容撑开的范围大小 3.的行内元素都在一行上显示. 块属性：div，p，ul，ol，li，h1-h6等 特点：1.可以设置宽度和高度 2.所有的块级元
11.10总结 一.元素显示模式 1.作用：网页的标签非常多，在不同的地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的网页 元素的显示模式就是元素（标签）以什么样的方式进行显示 2.分类:HTML元素一般分为块元素和行内元素两种类型 二.块元素 1.常见的块元素 <h1>-<h6> <p>
HyperText Markup Language（超文本标记语言） 用于制作网页的计算机语言 HTML代码运行在浏览器上，在浏览器窗口中展示运行效果 HTML文件格式： htm .html html5优缺点： 优：跨平台，开发速度快 缺：性能比原生差 结构： 文档声明语句： <!DOCTYPE html> 根 标 签： <html> 网 页 头 部： <head> meta标
属性 （必须遵守）（规则）： 3、公共属性的注释写在属性声明的上方，与声明保持同样的缩进； 行内注释应以#和一个空格作为开始，与后面的文字注释以一个空格隔开； 说明：行内注释的形式是在语句上一行中加注释；行内注释要少用，他们应以#和一个空格作为开始； 4、模块文档字符串写在文件的顶部，导入（import
首先，行块属性共有三种，块属性，行属性，行内块属性。 一：块属性有div,p,ul,ol,li,h1-h6等 它的特点有以下几点： 1.可以设置宽高 2.不可以与别人共处一行 3.不设置宽度的情况下，宽度为100% 二：行内属性有span,a 它的特点有以下几点： 1.不可以设置宽高 2.可以与别人共处一行 3.其宽高由内容撑
1.B/S架构 B是browser(浏览器)用户使用的所有客户端(例如部分手机APP，小程序，酷狗音乐)，我们都可以把它视为浏览器,S是server(服务器)。浏览器发出请求，通过http等互联网协议，发送至S端服务器，S端把网页文件发送给前端，B端浏览器收到文件后，浏览器进行解析成图形界面，可供用户操作。 2.
目录一、display属性概述1. 块级元素和行内元素的区别2.常见的块级元素和行内元素3. display属性常见的属性值二、测试display取各属性值的效果1. 测试inline和block2. inline-block属性值3. table-cell属性值4. none属性值 参考资料：https://www.bilibili.com/video/BV18J411S7tZ?
