html小知识(2)

2、文件路径../main.css、./main.css、main.css有什么区别?

  • ../main.css是指上级目录下的main.css文件;
  • ./main.css、main.css都是指当前目录下的main.css文件

    3、console.log是做什么用的

4、text-align: justify是什么

text-align设置块级元素内文本的对齐方式,分别是:

left 左对齐
right 右对齐
center 居中
justify 两端对齐
inherit 继承父元素的text-align

table中td、th内容默认居中

在div等元素中设置垂直水平居中:

display:table-cell;(IE8以上可以用)
vertical-align:middle;(只对table起作用)
text-align:center;行内元素居中,而且是使包含在内的所有行内元素居中,越级也有效(样式继承)
display:none;没有从DOM树中去除,但是是脱离文档流的消失不显示。
visibility:hidden;隐藏,文档流中依然存在,只是看不见(类似透明了)
opacity:0/1;设置透明度。

标签语义化,< ol>有序列表,当写的内容明显是有排序的,一二三步

< ul>无序列表,并列的相似的东西都可以

语义化:1、合理的分成;

2、合理的标签
3、合理的命名
class命名,尽量小写,多个单词用中横线代替
html写法是先把页面分大区块,每一大块再分成小块,再细化…
html的语义化:选择合适的标签、使用合理的代码结构,便于开发者阅读,同时让浏览器的爬虫和机器很好地解析。

text-align:设置任何的行内元素或文字居中

html写法是先把页面分大区块,每一大块再分成小块,再细化…
html的语义化:选择合适的标签、使用合理的代码结构,便于开发者阅读,同时让浏览器的爬虫和机器很好地解析。

文章目录
  1. 1. 2、文件路径../main.css、./main.css、main.css有什么区别?
  2. 2. 3、console.log是做什么用的
  3. 3. 4、text-align: justify是什么
  4. 4. table中td、th内容默认居中
  5. 5. 在div等元素中设置垂直水平居中:
  6. 6. 标签语义化,< ol>有序列表,当写的内容明显是有排序的,一二三步
  • 语义化:1、合理的分成;
    1. 1. text-align:设置任何的行内元素或文字居中
  • ,