码迷,mamicode.com
首页 > Web开发 > 详细

web中的HTML CSS

时间:2020-11-12 13:45:53      阅读:11      评论:0      收藏:0      [点我收藏+]

标签:position   block   改变   水平   round   har   display   语言   rip   

HTML 超文本标记语言
页面的结构 首行声明文档类型>根标记>头部标记/主体标记
标记
div 布局 切割 分割 划分区域
span 标记 存放文本信息
br 换行
script 脚本
style 风格/样式
meta 元 元数据 设置字符编码集
属性 标记中内部 id class type charset style
CSS 层叠样式表
<style>
选择器: 三种基本选择器 id class 标记
样式
height 高
width 宽
background-image 插入背景图片
background-color 插入背景颜色
background-size 背景大小
background-repeat 背景重复
font-size 字体大小
font-weight 字体高度
font-family 字体类型
margin 外边距,外间距
bottom 底部,下部,下边
margin-bottom 设置下边距
display 强制性改变标签的特性
position 移动页面中的某一个标记,需要使用定位属性
位置移动的属性
relative 相对的
absolute 绝对的
父标记使用相对定位,字标记使用绝对定位---->父相子绝
left 左边的,靠左的;实际上往右移动 距离左边多远 水平方向上移动
top 上边的,靠上的;实际上往下移动 距离上边多远 垂直方向上移动
border-radius
overflow
</style>
根据标记的俩大特征(
1.该标记是否可以独占一行
2.该标记是否可以设置高度和宽度
)来区分;行标记 快标记
行标记:不独占一行,一般不能设置高度和宽度 如span标记 inline在一行上
块标记:独占一行,能够设置高度和宽度 如div标记 block 块

web中的HTML CSS

标签:position   block   改变   水平   round   har   display   语言   rip   

原文地址:https://blog.51cto.com/14954398/2541087

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