• 本人易忘的tips


    比较特殊性

    行内样式 > ID选择器>  类选择器>  元素选择器>  通配符选择器

    a元素的伪类书写顺序 

    link > visited > hover > active

    继承:

    继承(inherit),是指子元素会自动拥有父元素的某些CSS属性

    并不是所有CSS属性都可以被子元素继承

    可被继承的属性:color font-size font-weight text-align

    不可被继承的属性:background-color

    inherit  强制继承

    堆栈级别 z-index

    块级元素

    宽高可以自行设置,与内容 无绝对 关系

    默认独占一行,与其他元素不能共存一行

    对应的css属性是 displayblock

    常见的有divph1-h6hrulolpre各种H5新增的语义化标签如 headerfooter

    行内元素

    宽高不可以设置,设置无效,由内容决定宽高

    默认能与其他元素共存一行

    对应的css属性是displayinline

    常见的行内元素有: aspanstrongIbtd

    行内块级元素

    宽高可以设置,与内容无绝对关系

    默认不独占一行,可与其他元素共存一行

    对应的css属性是 displayinline-block

    常见的元素:imgtdtablevideoaudio、表单、等

    一周学习体会:刚开始布置一些常规流的网页,还是比较轻松 每个div 上下排布就可以了,学到了float 和 position 之后

    网页又多了一些布局 可以呈现出更多的效果 还有周中练习的三角形 和 flag 练习 也是新的尝试。但是在周末的三个网页中

    遇到了很多的img 和 background img 缩放之后的问题 还有图片拼接 也还不会 刚开始觉得自己网页显示没有问题就行了 

    但是 网页需要展示给互联网的每一个用户 所以 需要我们前端工程师来实现这些细节 设定百分比的宽 和 自适应内容的高 

    是我做周末三个作业的想法。对于position :relative;的用法有点奇怪 经常会用到负值。每次做完一小块div 疯狂伸缩

    测试。遇到一些问题 经常使用div包起来 然后设置div的属性,感觉这些div是多余了,每次写完一个 代码量还是挺多的 感觉

    不够简洁 css也是重复累赘 可以更加精简的 可读性一般 设置的名称还是比较合理 别人应该能看懂 周末练习量确实大 但是

    在写完第一个之后 剩下两个速度明显有提升 不知道是简单一点 还是有了思路之后 打的更快了 差不多就是这样了 Time!

    2019.7.28

    tips:学校这些值班老师 真的XXXXXXXXXX (男孩子不能说脏话)

  • 相关阅读:
    配置postgres9.3间的fdw——实现不同postgres数据库间的互访问
    linux安装配置postgres及使用dblink
    一次“峰回路转”的troubleshooting经历
    10分钟内把永远跑不完的存储过程变为2秒跑完
    C++ friend关键字
    每天学点Linux命令之 vi 命令
    Shell
    九大排序算法及其实现- 插入.冒泡.选择.归并.快速.堆排序.计数.基数.桶排序.堆排序
    到位
    【LeetCode】-- 260. Single Number III
  • 原文地址:https://www.cnblogs.com/ATnTention/p/11261409.html
Copyright © 2020-2023  润新知