网页结构+盒模型
2018-06-24 02:08:09来源:未知 阅读 ()
HTML是个什么鬼?
前端开发人员要想和浏览器沟通,就要用到浏览器才能够识别的语言(HTML超文本标记语言),所以他是一门浏览器能够识别的语言。是一种由标签组成的超文本标记语言,而非编程语言。一个html文档就是一个网页。
什么是html标签呢?
HTML标记标签通常被称为HEML标签,他是由尖括号组成的关键词如<html>。一般情况下标签是成对出现的,第一个开始,第二个结束,比如<html></html>。标签必须闭合,单标签加“/”闭合;
Html文档 = 网页?
答案是肯定的,html文档用来描述网页,文档中包含html标签。但是在浏览器中是不会显示html标签的,而是用标签来解释页面的内容。
网页主题的解读
<!doctype html> <!--定义文档的类型为html--> <html> <!--定义html文档--> <head> <title></title> <!--定义文档的标题--> </head> <body> <--!定义文档的主题--> </body> </html>
什么是CSS样式?
Cascading style sheets:层叠样式表,其语法由两部分组成,选择器 + 一条及多条声明。
例如
div { width:100px; height:200px; background-color:green;}
div就是选择器 width:100px就是声明 width是属性 100px是值
行内样式与内部样式
<div style="width:100px;height:100px;background:red;">这是行内样式</div>
#写在单个标签里
!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <style type="text/css"> div{width:100px;height:100px;background:red;} #内部样式,他是写在style标签里面的,可以写多条。 </style> <div></div> </body> </html>
盒模型
盒模型也叫css框模型。其中元素框中心的是实际的内容,直接包围内容的是内边距。
内边距呈现了元素的背景。
内边距的边缘是边框。
边框以外是外边距,外边距默认是透明的因此不会遮挡其后面的任何元素。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇:Task2
- css:盒子模型边框(边框、内外边距) 2020-06-03
- 使用 Apache SSI(Server Side Includes) 制作多语言版静态网 2020-06-01
- 网页搜索框里显示字段鼠标点击后就隐藏的方法 2020-05-29
- 5.盒模型 2020-05-23
- 【2020Python修炼记】前端开发之 网页设计超级酷炫小技巧 2020-05-14
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash