• 笔记一


    1、logo用<a>标签包围 并给img设置:border:0(放置IE浏览器出现框)

    2、搜索框内有图片,处理方式:

        父级div设置border,并调好位置

        子级input设置border 0 ;height 100%

        图标用<span>包围,设置位置

    3、font-size测量方法,字的高度便是大小

    4、nav栏中第一个栏与其他栏侧边不同时处理方法:

        先设置好着呢个·整个nav宽度,设置每个栏padding-left:npx;再设置整个nav栏的的margin,记得减去n,(以为padding会撑开)

    5、子元素设置margin-top失效,给父元素设置overflow:hidden即可。

      注,尽量用margin-left调节左右位置,用line-height调节高度。(方便上下居中)

    6、新闻中,新闻内容在左边,日期在右边问题的解决方法

        html中:<ul><li>我在写博客园</li><span>2016-7-16</span></ul>

        css中:li{float:left} span{float:right}

    7、解决为元素加边框紧贴问题,利用padding撑开的特性,为子元素设置padding即可

    8、设置图片居中,HTML放个div,在css中设置div的宽高和background:center; 

    9、解决两个<li>标签并行问题:给父级元素添加overflow:hidden;

    10、这里说一下,overflow:hidden;的直观表现,为网页审查的时候,看到的padding内容,可以用它消去,无论上下

        (上有margin-top,下有float)

    11、子元素设置margin-top会连带把父元素拉下来(为父元素添加overflow:hidden解决),另外一个解决办法,一个div内含有div,内div距外div上边距离可用           position:relative;再调节位置即可。

    12、为<li>前面加图片,用list-style:inside url();(注意,记得加上inside)

    13、"图片+文字"这种格式,用<b></b><hn></hn>写法即可

    14、float只是强制让元素在一行显示,不用在一行的不用加float。

    15、用margin-top调节上下位置时,会连带父类下拉,这时候给父类加上overflow:hidden。

    16、缩小浏览器时候图片消失,可在img父类元素加上position:relative;再给img元素加上position:absolute,如果浏览器缩小时,图片向右消失,可给img right:0  属性

    17、margin:0 auto不能居中的原因:

      ①、给居中的元素一个高度,否则无效

      ②、该元素一定不能有浮动,否则无效

    18、行内元素不能给line-height,因为它不能设置宽高,这时候可以给display:inlin-block属性

    19、问题“登录 | 注册” 解决中间“|”距离问题,可用padding去撑开

    20、text-align影响input的位置

    21、涉及到调节文字的位置时,可用<p>不用<span>,因为span有时候不能用margin-top有时候,当然可以用 line-height调节

    22、上下几排<li>对齐的时候,调节<li>到最长字段的距离即可

    23、格式“图片+文字”,图片与文字对齐问题,用<ul><li><img><p></p></li></ul>,调节<img>和<p>时用padding去撑开而不要用margin去移动

    24、插入多个同位置的图片的时候。记得给个大小,防止图片大小不一致,而错位

    25、对于一边边框比ul长的处理方法,li不用line-height而用padding去撑开

    26、text-indent:-npx;可解决文字加input,缩小浏览器后,文字移到input上方的问题

    27、解决input输入位置不再框的起始位置,用padding去调节

    28、写三角型:border-top:0 none;border-right:npx solid transparent;border-left:npx solid transparent;

    29、为ul设置line-height会影响li设置height,so,为li设置line-height

    30、行内块对margin:0 auto;不管用,(display:inline-block)

    31、display会影响ul的list-style

    32、调节nav栏中“图片+文字”,图片居中时,给图片加上display:block,float:left后才可以用margin-top调节

    33、关于hover控制子元素问题,写子元素的时候,只单写子元素即可,不必一级一级写下来

    34、li带背景图,用line-height比padding要好,line-height控制上下,padding控制左右

    35、导入背景图片时,图片不完全显示,可用background-size调节到背景大小

    36、父类div给text-align:center属性,img给margin:0 auto; 可以使图片居中

  • 相关阅读:
    EntityFramework_MVC4中EF5 新手入门教程之五 ---5.通过 Entity Framework 读取相关数据
    EntityFramework_MVC4中EF5 新手入门教程之四 ---4.在EF中创建更复杂的数据模型
    EntityFramework_MVC4中EF5 新手入门教程之三 ---3.排序、 筛选和分页
    EntityFramework_MVC4中EF5 新手入门教程之二 ---2.执行基本的 CRUD 功能
    EntityFramework_MVC4中EF5 新手入门教程之一 ---1.创建实体框架数据模型
    ASP.NET MVC4 新手入门教程之九 ---9.查询详情和删除方法
    ASP.NET MVC4 新手入门教程之八 ---8.向模式中添加验证
    ASP.NET MVC4 新手入门教程特别篇之一----Code First Migrations更新数据库结构(数据迁移)修改Entity FrameWork 数据结构(不删除数据)
    ASP.NET MVC4 新手入门教程之七 ---7.向电影模式和表中添加新字段
    ASP.NET MVC4 新手入门教程之六 ---6.编辑视图与编辑方法
  • 原文地址:https://www.cnblogs.com/chenluomenggongzi/p/5676820.html
Copyright © 2020-2023  润新知