HTML知识点⼩结
001、浮动不上去的原因
  1、宽度不够浮动不上去
  2、前⼀个元素不浮动后⼀个元素加了浮动你也浮动不上去
  3、都加了浮动还是浮动不上去！那么请你检查你的类名有没有写错
002、图⽚出不来的原因
  1、没有设置宽度和⾼度
  2、如果你的盒⼦⾥⾯有内容可以不设置宽度和⾼度，因为是你的内容给你撑开的⾼度
  3、路径错误，⼀般情况下来说如果路径错误了，按照正常来说会在console⾥⾯会报⼀个红⾊的错误
  4、检查你的类名以及你的class及id是否写的正确
003、为什么我的内容不居中
  1、⼀般情况下如果让⼀个内容区居中的话必须设置两个条件  a：宽度必须设置    b、margin:0 auto;
  2、⼀般情况下外围盒⼦⽤id  内容元素如果需要取名字的情况下统⼀⽤class来取名
004、样式加不上去
  1、请检查你的link标签的书写是否跟我下⾯的⼀模⼀样
    <link rel="stylesheet" type="text/css" href="路径"/>
  2、请检查你的类名和你的取得名字
  3、如何实在加不上去了请您看⼀下你们的权重是否被覆盖了
005、什么时候需要减掉padding
  1、如果这个盒⼦设定宽度和⾼度的话那么padding就需要减掉
  2、如果这个盒⼦没有设定的话那么就不需要减掉
006、html标签嵌套的⼀些坑
  1、a标签
    a标签不能嵌套，若a标签中嵌套了a标签，浏览器会⾃动添加结束符号，故不能嵌套
1例如
2<a href="#">⾸页
3  <a href="#">千锋</a>
4</a>
  浏览器解析：
    <a href="#">⾸页</a>
    <a href="#">IT</a>
  如果代码结构复杂，会导致html层级错乱
不能嵌套的还有： h不能直接套h标签 p标签是不可以套块标签的
  2、p标签
1、!DOCTYPE html
  声明⽂档类型
2、⽹页的三⼤组成部分
    结构层表现层⾏为层
    html    css      js
3、什么是html
  超⽂本标记语⾔ Hyper Text Markup Language
4、什么是xhtml
  可扩展的超⽂本标记语⾔
5、⽂件名规范
  ⼩写英⽂字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；必须以英⽂字母开头6、站点的作⽤
  整合⽹站资源规划⽹站的内容和代码
7、html的注释
  <!-- -->
8、html中的三种列表分别是哪⼏个？基本语法怎么写
1⽆序列表
2
3<ul>
4<li></li>
5      ...
6</ul>
7
8
9有序列表
10
11<ol>
12<li></li>
13      ...
14</ol>
扩展：可以通过type来改变有序列表的序列号
⾃定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>
8、alt与title的区别
  title：提⽰信息的作⽤
  alt：当图⽚不显⽰的时候显⽰的信息
9、如何设置单元格与单元格之间的距离
  cellspacing="0"
10、如何设置单元格与内容之间的距离
  cellspadding="0"
11、设置单元格的⼏个必要的条件
  width：宽度
  height：⾼度
  border：边框
12、单元格的⾏合并和列合并
  rowspan:⾏合并
  colspan：列合并
13、target打开页⾯的两种⽅式
  target="_self"  本页⾯打开另⼀个页⾯
  target="_blank" 新开⼀个页⾯
14、input的type类型都有哪些？
  type:
  text⽂本输⼊框
  password密码输⼊框
  button：空按钮
  submit：提交按钮
  reset：重置按钮
  radio：单选按钮
  checkbox：复选按钮
15、如何禁⽌表单或者输⼊框输⼊
  disabled
16、如何让checkbox默认为选中状态
  checked
17、post和get的区别
  1. get是从服务器上获取数据，post是向服务器传送数据。
  2. get是把参数数据队列加到提交表单的action属性所指的URL中，在URL中可以看到。post是通过HTTP post机制，⽤户看不到这个过程。
  3. get传送的数据量较⼩，不能⼤于2KB。post传送的数据量较⼤，⼀般被默认为不受限制。
  4. get安全性⾮常低，post安全性较⾼。但是执⾏效率却⽐Post⽅法好
18、css的基本语法
  选择符{属性：属性值；属性：属性值;}
19、css的引⼊⽅式有哪⼏种？优先级如何分配？
  1、外部引⼊ <link rel="stylesheet" type="text/css" href="这⾥⾯是路径"
  2、内部引⼊
    <style>
    ....css代码
    </style>
3、⾏间样式
  <div ></div>
    遵循⼀个"近⽔楼台先得⽉"的原则⾏间的最⼤外部和内部的优先级主要看书写的先后顺序
20、css的选择符都有哪些？权重分别是多少？
  id选择符  class选择符标签选择符伪类选择符全局选择符组选择符包含选择符
  权重：100        10          1        10          1                      相加
21伪类选择器的⼏种状态
  :link-------默认状态
  :visited--------已访问的⼀个状态
  :hover------⿏标滑过的⼀个状态
  :active-----⿏标按下去的⼀个状态
22、link和import导⼊外部样式的区别
  差别1：⽼祖宗的差别：link属于XHTML标签，⽽@import完全是CSS提供的⼀种⽅式。 link标签除了可以加载CSS外，还可以做很多其它的事情，⽐如定义RSS，定义rel连接属性等，@import就只能加载CSS。
  差别2：加载顺序的差别：当⼀个页⾯被加载的时候（就是被浏览者浏览的时候），link引⽤的CSS会同时被加载，⽽@import引⽤的CSS 会等到页⾯全部被下载完再被加载。所以有时候浏览@import加载CSS的页⾯时开始会没有样式。
  差别3：兼容性的差别。：@import是CSS2.1提出的，所以⽼的浏览器不⽀持，@import只在IE5以上的才能识别，⽽link标签⽆此问题。
  差别4：使⽤dom控制样式时的差别：当使⽤javascript控制dom去改变样式的时候，只能使⽤link标签，因为@import不是dom可以控制的.
23、px  em pt  ppi个是什么意思？绝对⼤⼩关键字都有哪些
  PPI是图像分辨率的单位，图像ppi值越⾼，画⾯的细节就越丰富，因为单位⾯积的像素数量更多。PPI也叫图像的采样率（在图像中，每英⼨所包含的像素数⽬）。
  px是像素单位，em是相对单位，pt是绝对单位,pt是⼀种固定长度的度量单位.
  xx-small =9px
  large =19px
  x-small =11px
  x-large=23px
  small=13px
  xx-large =27px
  medium=16px
24、字体的属性都有哪些
  font-size
  font-style
  font-family
  font-weight
  color
  line-height
25、⽂本属性都有哪些
  text-transform
  text-align
  text-decoration
text align center  text-indent
  letter-spacing
  word-spacing
26、列表属性有哪些
  list-style-type
  list-style-image
  list-style-position
27、background-repeat的属性值有哪些，意思是什么？
  no-repeat：不平铺
  repeat：平铺 (默认)
  repeat-x：横向平铺
  repeat-Y：竖向平铺
28、实现⽂本三个点的⼏个条件
  text-overflow属性仅是：当⽂本溢出时是否显⽰省略标记，并不具备其它的样式属性定义，要实现溢出时产⽣省略号的效果还需定义：
  1、容器宽度：width：value；（px、%，都可以）
  2、强制⽂本在⼀⾏内显⽰:white-space：nowrap;
  3、溢出内容为隐藏：overflow：hidden；
  4、溢出⽂本显⽰省略号：text-overflow：ellipsis;
注：必须是单⾏⽂本才能设置本⽂溢出
IE6+；chrome1.0+；safari3.1+（firefox,opera暂不⽀持）
29、请你解释⼀下jpg gif 与png之间的不同之处
  jpg：有背景颜⾊，背景不能够透明，不⽀持动画
  png：没有背景颜⾊，不⽀持动画
  gif：有动画效果，⽀持背景透明
30、常见的内联元素和块级元素都哪有些。
  div -最常⽤的块级元素
    dl - 和dt-dd 搭配使⽤的块级元素
  form - 交互表单
  h1 -h6- ⼤标题
  hr - ⽔平分隔线
  ol – 有序列表
  p - 段落
  ul - ⽆序列表
内联元素
  a –超链接（锚点）
br - 换⾏
i - 斜体
em - 强调
img - 图⽚
input - 输⼊框
span - 常⽤内联容器，定义⽂本内区块
strong - 粗体强调
select - 项⽬选择
31、vertical-align的⽤法      <；垂直居中>.
  三个条件：
    1：必须给容器（⽗元素）加上text-align:center;
    2：必须给当前元素转成⾏内块元素（display:inline-block;）再给当前元素加上vertical-align:middle;
    3：在当前元素的后⾯（没有回车）加上同级元素span；并对span进⾏vertical-align:middle;width:0;height:100%;display:inline-block
32、请简述⼀下块级元素和内联元素的特点
  块级元素
    a、块状元素在⽹页中就是以块的形式显⽰，所谓块状就是元素显⽰为矩形区域，
    B：默认情况下，块状元素都会占据⼀⾏，通俗地说，两个相邻块状元素不会出现并列显⽰的现象；默认情况下，块状元素会按顺序⾃上⽽下排列。
    C：块状元素都可以定义⾃⼰的宽度和⾼度。
    D：块状元素⼀般都作为其他元素的容器，它可以容纳其它内联元素和其它块状元素。我们可以把这种容器⽐喻为⼀个盒⼦。
内联元素三⼤特点：
  A：内联元素的表现形式是始终以⾏内逐个进⾏显⽰；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。