博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Html,CSS和盒子
阅读量:4457 次
发布时间:2019-06-08

本文共 808 字,大约阅读时间需要 2 分钟。

 

Html指超文本标记语言(HyperText Markup Language)是一种用于创建网页的标准标记语言。

CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素。

打个比方,房子墙和柱的结构就是Html,CSS代表你的装修风格。

网页的所有元素都是由盒子组成,盒子都是矩形方框。

盒子模型:

margin外边距,padding内边距,boder是边界。

下图,当你按下F12,点击元素h2(标题二的意思),就出现了一个方框。

 

 

那么圆形是如何实现的呢?

当你关闭Styles里的border-radius:50%是这样的:

所以网站上的一切实际上都是方框。

 

 

html的格式:

  
文档标题 可见文本...
例子:Android端firefox已测试,Android端chrome不能打开本地资源,图片无法显示, html:
       
Pictures

Sunset

Skyline

style.css:
 
* {
box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body div{ max-width: 100%; } .image img{ display:block;; margin: auto; max-width: 100%; } p{ text-align: center; } 效果图:

 

转载于:https://www.cnblogs.com/neowu/p/10786875.html

你可能感兴趣的文章
MySql实现远程访问配置
查看>>
eclipse 集成Maven(转自:http://blog.csdn.net/wode_dream/article/details/38052639)
查看>>
LeetCode - Combination Sum
查看>>
屏幕旋转,ViewController触发事件
查看>>
响应重定向和请求转发
查看>>
java例程练习(File类)
查看>>
Linux && 与 ||
查看>>
Python configparser模块
查看>>
解决Eclipse每次修改完代码后需要先Clean,不然部署不上文件的问题
查看>>
.gitignore无效,不能过滤某些文件
查看>>
特征选取
查看>>
mysql 数据类型
查看>>
使用面向对象的技术创建高级 Web 应用程序
查看>>
《大型网站技术架构:核心原理与案例分析》阅读笔记六
查看>>
一笔画问题---欧拉定理
查看>>
友元函数友元类
查看>>
CCParallaxNode
查看>>
python_xrange和range的异同
查看>>
WinForm中TreeView控件实现鼠标拖动节点(可实现同级节点位置互换,或拖到目标子节点)...
查看>>
服务器在多机状态下实现流的形式下载
查看>>