码迷,mamicode.com
首页 > 其他好文 > 详细

3没有语义的标签

时间:2019-09-07 01:10:56      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:显示   标签   衣服   技术   http   png   大小   style   com   

3、没有语义的标签(div、span)

HTML中大部分标签都是具有语句的(有固定格式),有语义的标签在使用时一定要注意不能乱用。还有一部分标签是没有语义的,没有语义的标签只用来进行页面布局。
3.1、div标签
代码:<div></div>
特点:div默认占一整行,并且一行里面只能显示一个div。

3.2、span标签
代码:<span></span>
特点:span大小由内容来决定,并且一行里面可以有多个span。
技术图片
4、前端三剑客
html---------------------用来确定页面的结构(人的骨骼)
css-----------------------用来给页面添加样式(人的衣服):美化页面
javascript--------------让页面动起来(人的行为):实现页面与服务器进行交互

5、认识CSS
?css的存放位置:放在head标签里面的title标签下面
?所有CSS样式代码必须放在同一个标签中
代码:<style></style>
技术图片
?在style标签中写入对应的样式代码
代码:
<style type="text/css">
选择器 {
属性名1:属性值2;
属性名2:属性值2;
……
}
</style>
技术图片
注意:
1、一个属性名(键)对应一个属性值(值),一般我们把这种对应关系代码称之为键值对;
2、最后一个属性值可以不加分号,但是不建议这么写;
3、在对应标签内部是可以直接设置样式的,但是实际开发不会这么写,一律将所有样式写在style里面。

3没有语义的标签

标签:显示   标签   衣服   技术   http   png   大小   style   com   

原文地址:https://blog.51cto.com/14474781/2436308

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!