p{font-size:16px;}HTML（网页）Web领域的一些基本概念。WEBWeb（WorldWideWeb）全称为全球广域网，俗称万维网（www）。W3CW3C（WorldWideWebConsortium）全称为万维网联盟。它是最著名的国际标准化组织，制定了网页标准。WEB标准一个网页包含html元素CssJavaScript，Html元素决定网页的结构，Css修饰美化，JavaScript控制交互行为和动态效果。网页标准包括以下三个方面：结构标准（HTML）：用于组织和分类网页元素。PresentationStandard（CSS）：用于设置网页元素的布局、颜色、大小等外观样式。行为标准（JavaScript）：用于定义网页的交互和行为。HTML定义Html不是一种编程语言，而是一种描述性标记语言，主要作用是定义内容的结构。2014年10月，万维网联盟（W3C）完成了HTML5标准的制定，这是最新的HTM版本。HTML5的诞生标志着Web进入了富客户端（交互性和体验性强的客户端程序）时代。和APP网页一样，小程序都是HTML5的应用场景。Html5新特性：用于绘画的canvas元素。用于媒体播放的视频和音频元素。更好地支持本地离线存储。新的特殊内容元素，如文章、页脚、页眉、导航、部分。新的表单控件，如日历、日期、时间、电子邮件、URL、搜索。页面基本结构页面标题/html>关于viewport视口用户网页可见区域，针对移动端网页优化的一个pageviewport元标签如下：width:controlviewport的大小，可以指定一个值，比如600，或者一个特殊的值，比如device-width就是设备的宽度（缩放到100%时单位是CSS像素）。height：对应width，指定高度。initial-scale：初始缩放比例，即页面第一次加载时的缩放比例。maximum-scale：允许用户缩放到的最大比例。minimum-scale：允许用户缩放到的最小比例。user-scalable：用户是否可以手动缩放。常用元素头部区域元素：元标题样式链接脚本库。正文区域元素：div、section、article、aside、header、footerpspan、em、strongtable、thead、tbody、tr、tdul、ol、dl、dt、ddaform、input、select、textarea、button元素分类块级元素：each每个元素都是一个独占行地址-地址blockquote-块引用center-居中对齐块dir-目录列表div-常用的块级很容易，也是css布局的主要标签dl-定义列表fieldset-表单控制组form-交互表单h1-h6-标题hr-水平分隔线isindex-输入提示menu-菜单列表noframes-frames可选内容，（对于不支持frame显示此块内容的浏览器）noscript-）可选脚本内容（用于那些不支持脚本浏览器的显示这个)ol-排序形式p-段落预格式化文本table-表ul-非排序列表big–大字体br–换行符em–强调字体–字体设置（不推荐）i–italicimg–图片输入–输入框标签–表格标签s–dash（不推荐）select–项目选择small–smallfontTextspan–常用的内联容器，定义文本中的块strike–middlelinestrong–boldemphasissub-下标sup-上标textarea-多行文本输入框tt-电传文本u-下划线var-定义变量inline-block：元素可以显示在同一行，可以设置一些块元素属性，通过改变元素Css：显示：内联块。元素的默认样式很多元素都有自己的默认样式，不同浏览器下的默认样式不一致。为了统一或者满足一些需求，我们需要清除所有的默认样式。这种处理方式也称为CssReset，例如：*{margin:0;padding:0;}另一种方案是使用normalize.css，它统一了不同浏览器的默认样式，https://github.com/necolas/no...CSS（级联样式表）html中css的单位是pixelpx绝对单位in:inch,1in=2.54cm=96pxpc:pickup,1pickup=1/16inchpt:point,1point=1/72inchpx:pixel,1point=1/96inch相对单位em:字体font-size相对于父元素的大小，在元素属性中使用是相对于自身的字体大小rem：根元素的字体大小，在元素属性中使用是相对于根元素的字体大小1h:元素的行高vw:窗口宽度的1%vh:窗口高度的1%vmin:窗口较小尺寸的1%vmax:视图较大尺寸的1%字体属性attributes:font,行高,颜色,大小,背景,边框,滚动,换行,修饰属性(粗体,斜体,下划线)p{font-size:20px;/*字体大小*/line-height:30px;/*行高*/font-family:PingFangSC;/*字体类型：显示PingFangSC，如果没有则显示默认*/font-style:italic;/*italic表示斜体，normal表示不斜体*/font-weight:bold;/*boldorwrite(400｜500｜600）*/font-variant:small-caps;/*小写变大写*/}行高（line-height）一般规定行高和字号为偶数，所以它们之间的差必须是偶数除以2得到一个整数，如下图：文本垂直居中对于单行文本，可以设置行高=框高。对于垂直多行元素的对齐方式，我们可以使用vertical-align:middle属性，但是vertical-align只适用于inline、inline-block和table-cell元素。垂直对齐：基线；垂直对齐：子；垂直对齐：超级；垂直对齐：文本顶部；垂直对齐：文本底部；垂直对齐：中间；垂直对齐：顶部；垂直对齐：bottom;/*指定长度值*/vertical-align:10em;vertical-align:4px;/*使用百分比*/vertical-align:20%;/*全局值*/vertical-align:inherit;vertical-align:初始；垂直对齐：还原；垂直对齐：未设置；文本属性字母间距：0.5em；单个字母之间的间距。字间距：1em；单词之间的间距。文字修饰：无；无去除下划线、underlineunderline、line-throughmiddleline、overlineupperline。红色;字体颜色。文本对齐：居中；文本对齐方式，属性值可以是：left、right、center、justify。文本转换：小写；uppercase（大写）、lowercase（小写）capitalize（首字母大写）。文本缩进：10px；第一行文本是缩进的。文本阴影：2px2px#ff0000；文字阴影效果。空白：正常；设置元素空白处理，normal，nowrap，break-spaces。overflow属性内容溢出处理visible：默认值，会显示所有多余的内容。hidden：隐藏元素之外的内容。auto：内容超出显示滚动条。scroll：Windows始终显示滚动条。Mac和auto属性是相同的。滤镜filter:gray()背景属性background-color:#fff;设置背景颜色。背景图像：url（img.png）；将图像设置为背景。背景重复：不重复；no-repeat不平铺，repeat-x水平平铺；垂直重复y块。背景位置：中心顶部；设置背景图片在容器中的位置，top，bottom，left，right，center。背景附件：滚动；设置背景图片随滚动条移动，scroll（跟随滚动），fixed（固定）。背景来源：边框框；css3，border-box（背景相对于borderbox定位），padding-box（背景相对于paddingbox定位），content-box（背景相对于contentbox定位）。背景剪辑：边框框；css3，背景裁剪。背景尺寸：封面；css3,resize,contain（在不裁剪或拉伸的情况下在其容器内尽可能大地缩放图像），cover（尽可能大地缩放图像以填充容器，必要时拉伸图像。），auto（在相应的位置缩放背景图像方向，保持其固有比例。）。优先级了解优先级非常重要，可以帮助我们解决一些问题。浏览器将优先级分为两部分：HTML的内联样式和选择器的样式。内联样式内联样式直接作用于元素，优先级高于选择器样式，使用!important可以增加样式表的优先级。
