style相关基础知识
- 基本属性：
- （背景颜色）background-color
- （字体颜色）color:red
- （高度）height:48px
- （宽度）width:200px
- （字体大小）font-size:16px
- (字体加粗)font-weight:bold(也可以给定内置数值)
- (左右居中)text-align:center
- (上下居中 根据标签高度居中)line-height:48px
- （让标签浪起来；块级标签也可以堆叠） float
- 关于background-color的补充知识点：
- background-image:url("图片路路径") 默认 div越大 图片会重复堆叠直至堆叠满div大小（垂直 水平 都会自动堆叠）
- background-repeat: repeat-y（垂直方向堆叠）；repeat-x(水平方向堆叠)；no-repeat(不堆叠)
- background-position-x:10px 表示将background-image中的图片岩x轴方向移动10像素(默认是0)
- background-position-y:10px 表示将background-image中的图片岩y轴方向移动10像素（默认是0）
- 边框属性：
- 标签边框：-宽度，样式，颜色(border:4px dotted red;)
- -上下左右(border-left; border-top等等)
- 补充知识点：在border中的border-radius:30% 可以让边框变圆(相当于倒角)
- overflow:auto 产生滑块
- 块级标签和行内标签之间的转换：
- 块级标签和行内标签的转换：例:<div style="display:inline"> <span style="display:block">
- display:inline是将块级标签转换成行内标签的属性
- display:block是将行内标签转换成块级标签的属性
- display:inline-block可以使行内标签具有块级标签的属性；块级标签也会有行内标签的属性
- display:none 让标签消失
- 边距(padding内边距)
- (margin外边距) margin-top:48px块级标签离顶部的距离
- 关于position相关：
- position:给页面分层里面的属性有position:fixed; bottom:20px; right:20px
- 例子1：<div style="GoTop()";style="width:50px;height:50px;position:fixed;bottom:20px;right:20px;">
- 返回顶部</div>
- 其中fixed是用来做固定在页面的某个位置
- 其中absolute是绝对定位；它一般和relative配合使用 不然没有实际意义
- 例子2：<style>.pg-header{
- height:48px;
- position:fixed;
- top:0;
- right:0
- left:0
- }
- </style>
- 第二个例子可以让头部固定在顶部 不随着页面滚动而改变位置
- 关于absolute的案例在1122213的python文档中
- opacity:0.5 属性表示层的透明度
- z-index:10 属性表示层级的顺序数值越大的就在顶层
- overflow标签内部滚动条：
- overflow:auto这个是如果内容比定义的块标签大且也把块标签撑开了；用这个参数可以使内容和块标签定义的大小一样；并产生滚动条
- overflow:hidden这个属性可以使内容和块标签定义的大小一样大
在javascript中overflow的位置获取：
$(window).scrollTop()获取
$(window).scrollTop(0)设置
scrollLeft([vall])
- css中的hover属性：
- <!--当鼠标移动到当前标签上时，以下css属性才生效-->
- .headers .menu:hover{" style="font-size: 14pt;">补充知识点：
- cursor:pointer;让鼠标变成一个小手
