布局contain css
CSS—相对单位rem
一、概述 rem是一个相对长度单位,它的单位长度取决于根标签html的字体尺寸。rem即root em的意思,中文翻译为根em。浏览器的文本尺寸一般默认为16px,即默认情况下: 1rem = 16px rem布局原理:根据CSS媒体查询功能,更改根标签的字体尺寸,实现rem单位随屏幕尺寸的变化,如 ......
css选择器
1、id选择器 #id_name{} 前缀#,后接选中html元素的id属性值 选取单个 2、class选择器 .class_name{} 前缀.,后接选中html元素的class属性值 可以选择多个 class_name的第一个字符不能是数字 3、标签/元素选择器 label_name{} 直接使 ......
css-背景
1、背景颜色 background-color:red; background-color:#b0c4df; background-color:rgb(255,0,0); 设置背景颜色,有三种值,十六进制、RGB方法、颜色名称 在线颜色选择器:在线颜色选择器 | RGB颜色查询对照表 (jb51.n ......
css文本
1、color color:red; 设置字体颜色 2、text-align text-align:center; 设置文本的水平对齐方式,可选项:center居中对齐,right向右对齐,left向左对齐,justify两端对齐 3、文本修饰 text-decoration:none; 可选项:o ......
css字体
1、font-family字体系列 font-family:"Times New Roman", Times, serif; 应该设置多个,以作为后备机制,如果浏览器不支持第一种字体,他将尝试下一种字体。 字体系列的名称超过一个字,必须使用引号 2、字体样式 font-style:normal; 可 ......
css盒子模型
1、介绍 所有HTML元素可以看作盒子,包括: 外边距margin 边框border 内边距(填充)padding 实际内容:显示文本和图像,指定元素的width和height属性实际就是内容的宽度和高度 2、边框 (1)border-style样式 none:默认无边框 dashed 虚线边框 s ......
css一般设置
1、链接 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 超链接a标签具有四个状态,可以基于css选择器进行选择 a:hover 必须跟在 a:link 和 a:visited后 ......
css基础
1、介绍 CSS 指层叠样式表 (Cascading Style Sheets),作用是定义如何显示html元素。 解决内容与显示的分离。 2、形式 (1)内联 <p style="color:red">段落</p> (2)内部 <style> p{color:red} </style> (3)外部 ......
CSS Font Loading Module Level 3 有哪些变化
CSS Font Loading Module Level 3 是 CSS 中的一个新特性,它允许开发者在不同的浏览器中使用不同的字体加载器。在 Level 3 中,浏览器将使用不同的字体加载器来加载字体,以提高性能和兼容性。 相比 Level 2,Level 3 引入了以下变化: 支持多个字体加载 ......
Css预编语言以及区别
一、是什么 Css 作为一门标记性语言,语法相对简单,对使用者的要求较低,但同时也带来一些问题 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少 Css 编写经验而很难写出组织良好且易于维护的 Css 代码 Css预处理器便是针对上述问题的解 ......
CSS个人笔记
CSS 一.CSS又称层叠样式表 《1》结构: 选择器{声明;声明} 声明=属性+属性值 p { color: pink; } 总结: 选择器写在 { } 前面,声明写在 { } 内,声明和声明之间用;隔开 声明是由属性和属性值组成,属性和属性值之间用:连接 《2》CSS样式 | color | ......
Bootstrap 应用-实现组合式上导航栏+侧边导航栏的布局
今天继续学习使用bootstrap制作我们的主页面,上手以后发现bootstrap模板真的非常好用,效率很高,比较方便快捷。 今天是主要把侧边栏做出来了,同时主要学习的是网格系统,然后用它做出了如图的主页。 效果展示: 代码示例: <!DOCTYPE html> <html lang="en"> < ......
layui学习1(下载引用、布局容器、栅格系统)
1.下载 Layui - 经典开源模块化前端 UI 框架 (ilayuis.com) 官网有学习文档: Layui 开发使用文档 - 入门指南 (ilayuis.com) 2.什么是layui layui是一款采用自身模块规范编写前端的UI框架,遵循HTML/CSS/JS的书写和组织形式。 特点: ......
纯css和单class实现文件夹
使用before和after伪元素就可以了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>纯css文件夹</title> <style type="text/css"> body { margin: 0; } div.fold ......
多列等高布局的实现
前言 很久没写过这种等高布局实现了,来重温一下经典。 两栏布局,高度相等,高度由最高的内容撑开,左右两边高度不固定。 固定html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-U ......
CSS实现段落首行缩进两个字符
段落前面空两个字的距离,不要再使用空格了,对于文字,需要使用4个 才会显示汉字2个字符空格的效果。 用CSS实现段落首缩进两个字符,应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单 ......
css-2(盒子模型)
页面布局三大核心:盒子模型、浮动,定位 网页布局的本质:每个网页都是有盒子组成的,步骤:准备标签,设置样式,放入内容 盒子模型:用来装内容的,包括边框(border),内边距(padding),外边距(margin),实际内容(content) border(边框):边框宽度(border-widt ......
CSS-1
css具有层叠性,主要用于解决样式冲突问题(同一个标签不同样式)采用的是就近原则,那个里的进就用那个,也可以理解为覆盖,一般的下面的覆盖上面的 继承性:子标签会继承父标签中的某些样式主要是有关字体类的 eg: 结果: css的行高的继承性 子元素可以继承父标签的行高但会根据子元素的字体大小有不同的变 ......
flex布局
.flex { display: flex; } .flex-full { flex: 1; } .flex-col { display: flex; flex-direction: column; } .flex-row { display: flex; flex-direction: row; ......
ASP.NET Core MVC 从入门到精通之布局
随着技术的发展,ASP.NET Core MVC也推出了好长时间,经过不断的版本更新迭代,已经越来越完善,本系列文章主要讲解ASP.NET Core MVC开发B/S系统过程中所涉及到的相关内容,适用于初学者,在校毕业生,或其他想从事ASP.NET Core MVC 系统开发的人员。 经过前几篇文章... ......
ansible的docker_container模块使用
使用docker_container模块创建容器 示例: - hosts: myserverip remote_user: root # 执行用户 gather_facts: false # 屏蔽系统信息返回 vars: ansible_python_interpreter: /usr/bin/py ......
css实现艺术字
最近在写一个新的小活动,本来有涉及艺术字的标题,本来是想用图片展示的,后来面向百度编程的时候,发现可以使用css来实现 效果及代码如下 font-size: 60rpx; color: #fff; text-shadow: 0 0 5px #FF0200, 0 0 10px #727272; tex ......
表单设计器开源的定义和应用场景布局介绍
为了实现提质增效的办公自动化,表单设计器开源工具的应用变得广泛起来。在低代码开发市场昌盛发展的今天,不少企业期望通过快速、现成的快速配置表单工具实现高效率表单制作,那么,现在给大家介绍的这款开发易用性强、组件丰富、高效率、灵活度高的表单工具就是今天的主角了,感兴趣的朋友可以来了解下它的定义和应用场景 ......
bs4介绍,遍历文档树、搜索文档树、css选择器、selenium基本使用、selenium其他用法
昨日回顾 # 1 request 高级用法 -解析json:发http的请求,返回的数据,可能是xml格式,json格式 request.get().json() -ssl认证 -http和https的区别 https=http+ssl/tsl -http版本区别 0.9:底层基于tcp,每次htt ......
CSS引入方式及link和@import的区别
1. 概述 1.1 说明 在项目开发中,我们经常使用css样式使页面丰富多彩,编写过程中,CSS有四种引入方式。 2. CSS引入方式 2.1 引入方式一:内联样式 内联样式(行内样式):直接在 HTML 标签中的 style 属性中添加CSS <div style="width:200px;hei ......
安装anaconda遇到问题:Error: Due to incompatibility with several Python libraries, 'Destination Folder' cannot contain non-ascii characters (special characters or diacritics). Please choose another location.
-今天安装anaconda遇到一个问题:Error: Due to incompatibility with several Python libraries, 'Destination Folder' cannot contain non-ascii characters (special cha ......
css中文字与图片对齐
css中文字与图片对齐 第一种,使用vertical-align:middle .icon{ background-repeat:no-repeat; background-position:center; display:inline-block; width:16px; height:16px; ......
A child container failed during start报错
启动tomcat时出现A child container failed during start: 报错截图: 妈耶,我忘佳斜杠了 ......
pyqt5-布局
1、介绍 pyqt可以基于designer快速进行布局,所见即所得,不用关心代码。 2、绝对布局 通过组件的move和update等方法,可以设置组件的左上顶角在父组件的中的绝对位置,从而实现布局。 在实际开发中,可以用于窗口的位置设置,但是一般不用于窗口内组件的管理 move(x, y) # x表 ......