html+CSS 进阶
来源:互联网 发布:单片机中断程序编写 编辑:程序博客网 时间:2024/06/03 19:50
这个课讲述html和css中经常用并且十分重要的知识点。
一、内边距padding
举例:
<table border="1"> <tr> <td style="padding:30px;"> 这个表格单元的每个边拥有相等的内边距。 </td> </tr></table>
style="padding:30px 0;"
效果:
还可以写成:padding-top(上内边距)、padding-bottom(下内边距)、padding-left(左内边距)、padding-right(右内边距)
二、字体font-family
<p>I'm a girl.</p><p style="font-family:Times New Roman">I'm a girl.</p>
三、text-align 水平对齐方式
<h1 style="text-align:center;">这是标题1。</h1><h2 style="text-align:right;">这是标题2。</h2><h3 style="text-align:left;">这是标题3。</h3>
四、float
漂浮在一行,而不是另起一行。
<p style="float:left;margin-right:30px;">Reactions</p><p style="float:left;margin-right:30px;">Entertainment</p><p style="float:left;margin-right:30px;">Sports</p><p style="float:left;margin-right:30px;">Stickers</p><p style="float:left;">Artists</p>
效果
五、position
absolute绝对位置,
img和p都可以用。
<img src="https://resource.bcgame-face2face.haorenao.cn/cxy/html+css/5-3.jpg-255x255" style="position:absolute;top:100px;left:200px;">
六、div
分区
<div style="border:solid 1px;position:absolute;top:300px;left:200px;"><h3>比熊的名字</h3><p style="text-align:center;">502</p></div>
END.
阅读全文
0 0
- HTML CSS 进阶
- html+CSS 进阶
- HTML&CSS进阶
- 菜鸟进阶01-html/css
- HTML+CSS进阶学习摘录(CSS技巧)(二)
- HTML+CSS进阶学习摘录(CSS图形)(六)
- HTML&CSS 高级表格 可访问性进阶
- HTML+CSS进阶学习摘录(Display属性)(三)
- HTML+CSS进阶学习摘录(文本效果)(四)
- HTML+CSS进阶学习摘录(性能优化)(七)
- css进阶
- CSS进阶
- CSS进阶
- html进阶
- HTML进阶
- HTML+css进阶学习摘录(标签语义化)(一)
- HTML+CSS进阶学习摘录(表单效果+清除浮动+定位布局)(五)
- 【面向CSS--3.css进阶】
- 数据库日期格式转换函数
- Oracle中 (+)与left join 的用法区别
- Android解析XML(PULL)与Android解析Json
- 了解JAVA
- FFmpeg的初学习常见问题
- html+CSS 进阶
- 剑指Offer:数组中出现次数超过一半的数字
- 阿里巴巴2017实习生笔试(一)
- Prototype功能预览五:一个注解简化任意IO操作
- SSRS地图图例嵌入自定义图像显示解决
- 2017 Multi-University Training Contest
- 第五章 乱码-跟赵大笨笨学SpringMVC
- 深入浅出Tensorflow(三):训练神经网络模型的常用方法
- 腾讯2016年研发工程师编程题--完全解析