• 练习切图。所得。


    切图。。就切个才会好。。这东西几年了都不敢碰。。好像最近有了感觉。

    1. 分层。

    拿到一个图,1)先分层。一层一层的分开。

    最下边的层是最大的div。越往上越是小单元。

    2)还要分块:按位置分。

    头尾、左右。

    这样想来好像简单多了。但做的时候问题一个个就出来了~

    2. css样式。

    遇到几个问题:

    1)图片+文字。

    a. 排版:

    除了

    <div>
        <i></i>
        <span>某图标</span>
    </div>
    

     这种方式,我想去掉i标签,但是没想到办法。。

    b. 对齐:

    图片+文字对齐。每次整每次都晕。。

    有一种方式叫做:vertical-align:middle;

    有一种方式叫做:float:left;

    外围元素如果是a 或者 span 需要 display:block..

    2) 表格的处理。

    我不喜欢table。。所以一切都是div。。那么到底表格是要用div还是table呢?

    听说div兼容性很有问题;但是table处理动态数据渲染很慢。so,怎么办?

    3. 写完后对代码的重构。改进结构、和样式。

    1)写了一堆没有用处的classname。。

    2)一堆看上去一致的结构写了不同的代码,写了一堆无法复用的代码。。

    3)改样式真头疼。。。

    4)要不还是用sass吧。。不过到底怎么样才能提高css的解析速度呢~~

    求助各位CSS大仙~~

  • 相关阅读:
    PyCharm设置改变字体大小的快捷键
    python中的字符串
    python入门知识
    css3(border-radius)边框圆角详解
    js中__proto__和prototype的区别和关系?
    常见的浏览器兼容问题
    Meta http-equiv属性详解(转)
    WinForm界面设计-Button添加背景图去边框
    vs2015 c# winfrom应用程序打包成64位
    vsto-Word相关操作
  • 原文地址:https://www.cnblogs.com/hanyuxinting/p/4091449.html
Copyright © 2020-2023  润新知