码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • CSS期末复习速览(二)


    1.元素显示模式分为三种:块元素,行内元素,行内块元素

    2.块元素:常见的块元素:

    ~

       

       

       
         
           
      1. ,特点:自己独占一行;高度,宽度,内外边距可以控制;宽度默认是父宽度的100%;里面可以放行内或者块元素

        3.行内元素:常见的行内元素: ,特点:相邻行内元素在一行上,一行可以显示多个;高,宽直接设置是无效的;默认宽度就是它本身内容的宽度;行内元素只能容纳文本或其他行内元素

        4.行内块元素:常见的行内块元素:    ,同时具有块元素和行内元素的特点,特点:和相邻行内元素(行内块)在一行上,但是它们之间会有空白缝隙,一行可以显示多个(行内元素特点);默认宽度就是它本身内容的宽度(行内元素特点);高度,行高,内外边距都可以控制(块元素特点)

        5.元素显示模式转换:转为块元素:display:block;转为行内元素:display:inline;转为行内块元素:display:inline—block;常用途径:增加的触发范围,从行内元素转为块元素

        6.背景颜色:background—color:颜色值;默认是transparent(透明)

        7.背景图片:background—image:url(图片地址);常用于装饰小图片或超大背景图

        8.背景平铺:background—repeat:repeat | no—repeat | repeat—x | repeat—y,默认是repeat的

        9.背景位置:background—position:x  y;两种参数:第一种方位名词:top/center/bottom/left/center/right,第二种精确单位:px  px

        10.背景固定:background—attachment:scroll(滚动)/fixed(固定),设置背景图片是否随着页面滚动而滚动

        11.背景颜色半透明:rgba(red,green,blue,alpha),alpha的值在0—1之间,0是全透明,1是不透明

        12.CSS三大特性:层叠性,继承性,优先级

        13.层叠性:就近原则,但最近的只会覆盖有冲突的,而不是全部覆盖

        14.子元素可以继承父元素的样式(text—系列,font—,line—系列,以及color)

        15.优先级主要看权重的大小

        注意:复合选择器是累加;无论父元素的权重多大,其子元素继承的权重都是0

        16.盒子模型的四个组成:边框,外边距,内边距,实际内容

        17.边框:border—width:px,设置边框大小;border—style:solid(实线)/dashed(虚线)/dotted(点线),设置边框样式;border—color:颜色,设置边框颜色;可以复合写,同时可以指定单方向边框:border—top/bottom/left/right;

        18.border—collapse:collapse;控制边框合并不加粗;同时边框会影响盒子的实际大小,因此要记得给width/height减去对应的大小

        19.内边距:padding—top/bottom/left/right;控制内容和边框之间的距离;可以复合写,按照顺时针方向给值;

        20.同时内边距也会影响盒子的实际大小,因此要记得给width/height减去对应的大小;如果盒子本身没有指定width/height属性,则此时padding不会撑开盒子大小

  • 相关阅读:
    npm ERR! network ‘proxy‘ config is set properly. See: ‘npm help config解决方法
    职业教育的风口到来,你准备好迎接这一波红利了吗?
    vue全局方法plugins/utils
    Linux进程间通信方式之socket使用实例
    java 正则表达式解析数据
    六.初阶指针
    水墨屏超高频电子标签|RFID电子纸之可视化标签组态软件操作流程
    算法与数据结构-图
    用Three.js打造酷炫3D个人网站(含源码)
    torch.mm函数介绍
  • 原文地址:https://blog.csdn.net/2301_80369371/article/details/139719390
  • 最新文章
  • 沪漂五周年了:我越来越迷茫了
    Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
    MySQL-Seconds_behind_master的精度误差
    [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
    AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
    Agent OS :五种驯服不确定性的范式
    PortSwigger SQL注入LAB11
    数据库即时编译JIT
    [Begin]AI Learn Data Day 0
    深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号