首页 > 其他分享 >CSS第二趴

CSS第二趴

时间:2024-05-09 17:13:29浏览次数:10  
标签:第二 元素 element inline display CSS 属性

一 吐槽

学完基础教程,看网页被教育了,继续学吧

继续学习元素的属性

 

二 中级教程

1. display属性,规定如何是否/如何显示元素,元素默认有自己的display属性,但可以改变如何显示

 

display: none
display: block
display: inline

 

1.1 块级元素(block element)

从新行开始,占据一行,并占据可用的全部宽度

1.2 行内元素 (inline element)

内联元素,不从新行开始,仅占据所需宽度

补充:

visibility :hidden; 隐藏元素,但仍占着空间

 

标签:第二,元素,element,inline,display,CSS,属性
From: https://www.cnblogs.com/qxAndWorld/p/18182718

相关文章

  • 第二届数信杯南区wp-easyJava
    writeupeasyJava用EclipseMemoryAnalyzer进行分析,利用OQL查找字符串这里要写正则表达式:我写了\\u.*意思是找unicode字符串,因为这里的中文都做了unicode编码搜索到这么一个字符串列表,转码——红色框框里的是还原后的内容。如下:想跟你说一个小秘密:我把码表修改成了......
  • CSS JS 自适应菜单
      <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>ResponsiveMenu</t......
  • css正在加载中的效果
    <divclass="loading"><pclass="loader"></p><p>正在加载中</p></div>.loading{position:absolute;width:100%;text-align:center;top:45%;color:#3498db;}.loader{......
  • 项目冲刺——第二篇Scrum冲刺博客
    作业所属课程所属课程作业要求作业要求作业目标总结第一天的敏捷开发,安排好第二天的敏捷开发一、站立式会议1、会议图片<imgsrc="https://img2024.cnblogs.com/blog/3397785/202405/3397785-20240508163844942-1041220425.png"width=500pxheight=auto>2......
  • Scurm冲刺第二天
    Scurm冲刺第二天1.站立式会议内容昨日已完成任务今日计划完成任务alpha任务分配前端注册登录界面,首页代码设计实现制作项目管理燃尽图后端用户功能模块的注册登录,商品搜索,与订单功能实现将模块任务细分为更小的任务跟进前后端已完成功能进行测试并记录开......
  • 第二次
    任务内容本次会议为第一次ScrumMeeting会议时间:(2024-5-aaa:aa),召开时长约为(aa)分钟会议地点:(教A-aaa)会议摘要:(会议摘要)特别说明:(没有就填“无”)队员昨日任务今日任务明日任务刘朝坤(队长)-根据项目进度,安排分配任务根据项目进度,安排分配任务陈德......
  • vsCode配置自动补全css兼容性代码 ,解决 Autoprefixer 3.0无效
    问题:使用vsCode编辑器,配置Autoprefixer3.0无法实现自动补全兼容性代码解决方法:将Autoprefixer3.0更换到2.0版本,再将网上冲浪的结果整理了一番,终于找到了解决办法,并进行以下步骤进行验证。解决步骤:1、首先搭建node.js环境2、打开vsCode搜索Autoprofixer,一般默认情况下都是最新版......
  • CSS学习笔记
    ------------恢复内容开始------------CSSCSS(CascadingStyleSheets,层叠样式表),是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS语法语法由一个选择器(selector)起头,选择将要用来添......
  • 挑战前端基础120题--css3基础篇
    1. CSS选择器种类、权重、优先级计算、匹配顺序、继承?!important>行内样式>id>类选择器,伪类(:hover),属性选择器>标签,伪元素选择器(::before::after:root)>通配符,继承,关系选择器(兄弟选择器(子选择器(>),相邻选择器(+)>浏览器默认能够被继承的属性:font-size/f......
  • CSS 学习笔记
    ​ 1、CSS基础定义:CSS(CascadingStyleSheets)是用于设置HTML元素显示样式的语言。用途:控制网页的布局、颜色、字体和动画等。基本语法:cssCopycodeselector{ property:value;}例如:cssCopycodep{ color:red; font-size:16px;}参考文档:CSS简......