Web前端CSS篇
全球霸蛮
这个作者很懒,什么都没留下…
展开
-
绝对定位与相对定位
1、position(定位属性)position:absolute; 绝对定位,将盒子从文本流中彻底脱离,在页面上可以随意定位position:fixed; 固定定位,效果同上,拉滚动条时,不会跟着内容滚动position:relative; 相对定位,设置相对定位后,并没有从普通文本流中脱离出来,以原来的位置为出发点,可以进行偏移2、位置控制属性left、righht、top、b...原创 2018-03-27 17:33:34 · 206 阅读 · 0 评论 -
z-index盒子层次设置
1、z-index:设置盒子的层次,值越大,排的越靠前 z-index的值不加单位为数字注:z-index的值只对绝对定位与固定定位有用。原创 2018-03-27 17:34:36 · 519 阅读 · 0 评论 -
display显示与隐藏以及list-style-type标签
1、display: (显示与隐藏) none 不显示 block 以块元素显示 inline 以行内元素显示2、列表属性list-style-type:none(去除列表自动生成的小圆点)加list-style-type之前:加list-style-type之后:...原创 2018-03-27 17:38:51 · 1363 阅读 · 0 评论 -
clear清除浮动标签
1、清除浮动clearclear:right 清除右浮动造成的影响clear:left 清除左浮动造成的影响clear:both 清除两边浮动造成的影响注意:在浮动后面的盒子上设置清除样式(即那个受影响就在谁上面设置)2、overflow 超出部分如何处理overflow:hidden;超出部分隐藏overflow:scroll超出部分出现滚动条overflow-x:横轴超出部分...原创 2018-03-27 17:39:56 · 874 阅读 · 0 评论 -
表格属性border-collapse和hover选择器标签
1、将表格的单元格边框合并border-collapse:collapse;将表格的单元格边框合并如:td{border:1px solid #FFF}table{border-collapse:collapse}2、鼠标形状cursor:pointer;(手型)3、在HTML中,a:link;a:visited;a:hover;a:active所表示的效果。1、a:link{color:#FF0...原创 2018-03-27 17:42:08 · 460 阅读 · 0 评论 -
background-position和background-attachment背景图位置放置标签
1、background-position:背景图位置1个值 水平位置,,垂直默认居中2个值 第一个值为水平位置 ,第二个值是垂直位置他的值可以取百分比、固定值、方位词(right、center居中、top上、bottom下)如:background-position:center bottom;2、background-repeat:背景平铺repeat:[默认平铺]no-repeat:不平铺...原创 2018-03-27 17:43:45 · 595 阅读 · 0 评论 -
font字体属性
1、字体属性font-weight:字体粗细 bold(加粗)、bolder、light、lighter font-size:字体大小(20px,em(对比父级元素的大小),rem(基于16px标准像素的倍数,如1rem=1*16px))font-family:字体名称(微软雅黑)font-style:字形(italic字体为斜体)如:div{font-size:1rem;font-weight:...原创 2018-03-27 17:44:29 · 2600 阅读 · 0 评论