-
语义化：
明白每个标签的用途(在什么情况下使用此标签更合理)
语义化的好处：
更容易被搜索引擎收录
更容易让屏幕阅读器读出网页内容
查看全部 -
HTML文件的注释：
语法：
<!--注释内容-->
如：
查看全部 -
body标签：body标签中的内容是HTML文档的内容主体，在网页上要展示出来的页面内容一定要放在body标签中，如：
在网页中显示的效果：
查看全部 -
<head>标签长什么样，如下图
<head>标签为HTML文档的头部，描述了文档的各种属性和信息，包括文档的标题等，绝大多数文档头部包含的数据都不会真正作为内容显示给用户
下面这些标签可以用在head部分：
head标签为双标签，有开始和结束标签<head></head>
head标签标示头部标签，通常用来嵌套meta,title,style等标签
<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，他会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标签，迅速判断出网页的主体。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。
<meta charset="UTF-8">设置当前文件字符编码
style标签：双标签中设置当前文件样式
查看全部 -
面试常考题之已知宽高实现盒子水平垂直居中
这一章节我们来学习已知宽高实现盒子水平垂直居中。通常使用定位完成，例如想要实现以下效果：
我们有如下两个div元素
要实现子元素相对于父元素垂直水平居中,我们只需要输入以下代码：
技术点的解释：
1、利用父元素设置相对定位,子元素设置绝对定位,那么子元素就是相对于父元素定位的特性。
2、子元素设置上和左偏移的值都为50%，是元素的左上角在父元素中心点的位置。效果：
3、然后再用margin给上和左都给负的自身宽高的一半,就能达到垂直水平居中的效果。
查看全部 -
绝对定位，需要设置position:absolute
查看全部 -
层模型有三种形式：
1、绝对定位(position: absolute)
2、相对定位(position: relative)
3、固定定位(position: fixed)
查看全部 -
html文档结构如下：
解释：
<!DOCTYPE html>:文档类型声明，表示该文件为HTML5文件。<!DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前。
<html></html>标签对：<html>标签位于HTML文档的最前面，用来标识HTML文档的开始；</html>标签位于HTML文档的最后面，用来表示HTML文档的结束；这两个标签成对存在，中间是文档的头部和主体部分。
<heda>和</head>标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。如：<title></title>,<link/>,<meta />,<style></style>,<script></script>等，但是浏览器除了会在标题栏显示<title>元素的内容外，不会向用户显示head元素内的其他任何内容。
<body></body>标签对：它是HTML文档的主体部分，在此标签中可以包含<p>,<h1>,<br>等众多标签，<body>标签出现在<heda>之后，且必须在闭标签</html>之前闭合。
查看全部 -
border-radius设置圆角
div{border-radius: 20px 10px 15px 30px;}查看全部 -
1、border-style（边框样式）常见样式有：
dashed（虚线）| dotted（点线）| solid（实线）。
2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如:border-color:#888;//前面的井号不要忘掉。
3、border-width（边框宽度）中的宽度也可以设置为：thin | medium | thick（但不是很常用），最常还是用像素（px）。
查看全部 -
内联块状元素
display:inline-block
查看全部 -
标签由英文尖括号<和>括起来，如<html>就是一个标签。
html中的标签一般都是成对出现的，分 开始标签 和结束标签；中间是标签内容结束标签比开始标签多一个 / ，如：开始标签<html> ，结束标签 </html>
标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：<div>里嵌套<p>,那么</p>必须放在</div>之前，如：
HTML标签不区分大小写，<h1>和<H1>是一样的，但建议小写，因为大部分程序员都是以小写为准。
查看全部 -
绝对定位相对于浏览器窗口
right即离右边多少
和magin很像
查看全部 -
1、绝对定位(position: absolute)
2、相对定位(position: relative)
3、固定定位(position: fixed)
查看全部 -
将CSS代码写在一的单独的文件内，这个文件以.css为扩展名
使用时在<head></head>中使用
<head>
<link href="XXX.css" *rel="stylesheet" type="text/css"*/>
加粗为固定写法
1、css样式文件名称以有意义的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。
查看全部
举报