×

css3

Html——flex布局 弹性布局

阳。 阳。 发表于2024-05-01 浏览6911 评论0
以下文章主要探讨 HTML5 中 CSS3 提供的用来实现未来响应式弹性伸缩布局方案。 一、flex布局的语法 块级元素 ：display: flex ———— 将容器盒模型作为块级弹性伸缩盒显示 行内元素 ：display: inline-flex ———— 将容器盒模型作为内联级弹性伸缩盒显示 设置flex布局后，flex item的float、clear和vertical-align 属性都失效 flex布局默认为横向 二、容器属性 flex的排列属

html5教程

html5--新增的标签及input类型（html5中input标签新增的输入类型）

ACG ACG 发表于2024-05-01 浏览4983 评论0
一、html的新特性 1.新的语义元素：比如<header>,<footer>,<article>,<section> 2.新的表单控件，比如数字、日期、时间、日历和谱块 3.全国大的图像支持（比如<canvas>和<svg>） 4.强大的多媒体支持（比如<video>和<audio>） 5.强大的api,比如用本地存储取代cookie 二、新增标签 1.header 定义section

html5教程

bootstrap框架之轮播（Carousel）

张钰龙 张钰龙 发表于2024-05-01 浏览4061 评论0
Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容 幻灯片 实现轮播，您只需要添加带有该标记的代码即可。不需要使用 data 属性 .slide：动画中的滑动类 .carousel：轮播图类 data-taret：为哪个结构服务 .carousel-indicators：轮播图指标 .caousel-inner：轮播图项目 .carousel-con

html5教程

display属性详解（Display属性）

752557pk 752557pk 发表于2024-05-01 浏览30364 评论0
根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，称为块元素，而span元素的默认display属性值为“inline”，称为“行内”元素。 块元素与行元素是可以转换的，也就是说display的属性值可以由我们来改变。 1. none：隐藏对象 1.1 不用none前： <!DOCTYPE html> <html

html5

BFC--块级格式化上下文（bfc块级格式化上下文）

Aclitan Aclitan 发表于2024-05-01 浏览6245 评论0
BFC(Block formatting context) （1）概念： 直译为 块级格式化上下文 ，把BFC理解成一块独立的渲染区域，BFC看成是元素的一种属性， 当元素拥有了BFC属性后，这个元素就可以看做成隔离了的独立容器。容器内的元素不会影响容器外的元素.     · 我理解为：将BFC看成是一种属性，当拥有该属性的元素就相当于一块独立的区域。 （2）实现BFC属性的方法：       1. 浮动元素，float 除 none 以外的值   

html5

HTML是什么？HTML简介

ACG ACG 发表于2024-05-01 浏览7277 评论0
HTML是什么？HTML简介 HTML 英文全称是 Hyper Text Markup Language，中文译为“超文本标记语言”，专门用来设计和编辑网页。 使用 HTML 编写的文件称为“HTML 文档”，一般后缀为.html（也可以使用.htm，不过比较少见）。HTML 文档是一种纯文本文件，您可以使用 Windows 记事本、Linux Vim、Notepad++、Sublime Text、VS Code 等文本编辑来打开或者创建。 每个网页都是一个 HTML 文档，使用浏览器访

CSS文章/教程

flex布局（flex布局一行3个）

王亚楠 王亚楠 发表于2024-05-01 浏览5600 评论0
一、flex布局 布局的传统解决方案，基于盒模型，依赖 display 属性 + position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 ​ 2009年，W3C 提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 ​ Flex 是 Flexible Box 的缩写，意为 “ 弹性布局 ” ，用来为盒状模型提供最大的灵活性。 ​ 任何一个

html5

700行无用 纯 CSS 祝考生 金榜高粽《1_bit 的无用 CSS 代码 》

福缘创业网 福缘创业网 发表于2024-05-01 浏览14498 评论0
今天才想起来这回事，没办法就急急忙忙的赶工一下，接下来我就画一下这个海报试试手了： 一、背景制作 1.1 准备工作 先给整个网页制作一个布局吧，直接 flex 搞定，并且使其居中 justify-content、align-items 都要赋值为 center： body { display: flex; justify-content: center; align-items: center; height: 100vh; width:

flask

数据可视化网页制作（数据可视化网页制作软件）

Langhing Langhing 发表于2024-05-01 浏览6673 评论0
python数据可视化上传至网页 老师布置任务，要将数据情感分析进行数据可视化。功能如下： 1.群体情绪排行榜 2.群体情绪中国地图 3.集群密度排行 4.某一事件或视听节目讨论中，一个饼图显示用户行为占比包括点赞、评论、转发 5:显示某一事件或节目，随着时间变化的正、中、负向群体情绪的走势图。 预计界面： 开始制作 1.FLASK 之前没有接触过flask，现在仍然对其五窍开四窍-一窍不通，在经过粗浅的学习后，觉得应付我的简单网页够了。 （1）.flask框架安装