zoukankan      html  css  js  c++  java
  • 1031

    样式
    
    大小
    width:600px宽度
    height:600px高度
    背景(background)
    background-color:颜色                     背景颜色
    background-image:图片地址            背景图片
    background-repeat:no-repeat         背景图片平铺方式
    background-position :right bottom 背景图片位置
    background-size:200px 200px          背景图大小
    
    文字(font)
    font-family:字体           选择字体
    font-size:12/14/16px   字体大小,网页字体常用大小分为12px、14px、16px
    font-style:italic             相当于<i>字体倾斜
    font-weight:bold         相当于<b>字体加粗
    color:颜色                     选择字体的颜色
    text-decoration:underline下划线  overline上划线 line-through删除划线 
                                  none没有划线,用来去掉超链接的下划线
    
    
    对齐方式
    text-align:center     横向
    vertical-align:bottom  垂直(与行高同用)
    line-height: 300px   行高
    text-indent:    缩进单位像素
    
    边距/间距
    margin 外边距 顺时针设置
    padding 内边距 顺时针设置,内边距设置后对应元素会相应的变大
    
    <a>/<span>标签的字体大小默认无法改变
     margin:0xp  auto;padding:0px     可以把每个元素之间的间距、边距都去掉
    增加auto可以使所有div都居中
    
    位置
    position  
    
    position:absolute  绝对位置(相对于浏览器或者是父级,如果是父级那么父级也要是绝对定位)
    
    position:fixed 相对于浏览器边框位置固定
    
    position:relative 相对于自身应该出现的位置移动
    
    设置绝对位置后可以直接使用top/right/bottom/left
    
    流
    float-right 从右往左
    float-left 从左往右
    style=“clear:both”  清流
    display:inline-block  用于显示超链接spa
    
    z-index:100    分层 值越大越靠上
    
    显示和隐藏
    display/visibility/overflow
    
    display:显示block
                   隐藏none不占位置,隐藏后所站位置消失
    visibility:显示visible
                     隐藏hidding占位置,只是隐藏内容,原本内容的位置还在
    overflow:超出的范围隐藏
    透明:opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)
    圆角:border-radius:5px;
    阴影:box-shadow:0 0 5px white;
  • 相关阅读:
    简单团队-爬虫豆瓣top250-项目总结
    团队-爬取豆瓣电影-最终程序
    软件工程课程总结
    课后作业-阅读任务-阅读提问-4
    20171201-构建之法:现代软件工程-阅读笔记》
    团队-爬取豆瓣电影Top250-简单团队一阶段互评
    团队编程项目--爬虫电影网站
    1213-构建之法:现代软件工程-阅读提问3
    简单团队-爬取豆瓣电影TOP250-项目进度
    团队-爬取豆瓣电影-项目总结
  • 原文地址:https://www.cnblogs.com/czx521/p/6017339.html
Copyright © 2011-2022 走看看