HTML任务2

问答

  • 有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)? 如何嵌套?
    有序列表:li列表之间有顺序关系
    无序列表:li别表之间无顺序关系
    自定义列表:dd是对于dt标签的描述
  1. ie8
  2. ie9
  3. ie10
  • 天猫
  • 淘宝
  • 京东
html
网页骨架
css
网页皮肤
javascript
网页关节

嵌套有序和无序之间都可以互相嵌套

  • 台式电脑
    • 联想
    • 华硕
  • 笔记本电脑
    • 联想
    • 华硕
  • 学日语
    1. 学五十音
    2. 学单词发音
  • 学英语
    1. 学音标
    2. 学单词发音
HTML任务2_第1张图片
Paste_Image.png

  • 如何去除列表前面的点或者数字?
    list-style:none
Paste_Image.png

  • class 和 id 有什么区别?什么时候用 class 什么时候用 id?
    class:元素可以共用一个class
    id:id有唯一性
    在写复用性的样式的时候可以用class
    在使用js获取元素的时候可以用id;或者是某些指定属性需要使用id来关联

  • 块级元素、行内元素是什么?有什么区别?分别对应哪些常用标签?display: block、display: inline、display: inline-block分别有什么作用?
    块级元素:一个元素单独占一行,设置height,width,margin,padding都有效,可以包含块级元素和行内元素
    行内元素:大小取决于内容的大小,可以水平排列直到容器宽度不够,width,height无效,margin和padding上下无效,水平有效,只能包含行内元素,无法包含块级元素。
HTML任务2_第2张图片
Paste_Image.png

块级元素:div、p、h1~h5、ol、li、ul、form、table等
行内元素:img、input、em、span、strong、a等

display:block 把元素转换为块级元素
diplay:illine 把元素转换成行内元素
display:inline-block 行内块级元素 把元素转换成块级元素,但是可以水平排列


  • 下面代码是做什么的?抄写一遍下面的代码,注意class和id的使用及命名方式



  
  


  
  
侧边栏
中心区块

当屏幕宽度大于900px时 所有class为warp的元素或其子代元素都会自适应居中


  • 如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节
    html标签都有自己的意思,不可乱用div class和id取名要合理让人一眼就看得懂

id唯一性
class 名字之间用-链接
合理利用

你可能感兴趣的:(HTML任务2)