css学习记录第19页

css3盒子

盒子模型一.看透网页布局本质二.认识盒子三.盒子的边框（border）1.概念2.简写及分开写法3.合并问题（会相加）4.边框会影响盒子实际大小四.盒子的内边距（padding）1.概念2.简写3.内边距会影响盒子实际大小4.特殊情况（内边距不影响盒子实际大小）5.实际应用（导航栏）五.盒子的外边距（margin）1.概念2.简写（和内边距一样）3.典型应用（使块元素水平居中）4.合并问题（取大）

ldd_eb·2024-02-20 08:11

前端学习day8--CSS（定位，堆叠，CSS精灵，字体图标，过渡/修饰属性）

目录定位：功能：使用方式：相对定位：相对定位的特点：绝对定位：绝对定位的特点：定位居中：固定定位：编辑定位总结：堆叠层级：编辑CSS精灵：使用方法：字体图标：下载字体：使用字体：字体图标特有矢量图的上传

cuier520·2024-02-20 08:39

【CSS】display：flex和display: inline-flex区别

flex：将对象作为弹性伸缩盒显示inline-flex：将对象作为内联块级弹性伸缩盒显示DOM结构flex.main{background-color:#0f0;display:flex;/*父div设置该属性*/}.main>div{width:50px;height:50px;border:1pxsolidblack;}此时没有为父元素main设置宽度，默认为100%；inline-flex

Triumph-light·2024-02-20 08:39

CSS的定位position，字体图标，修饰

定位positionCSS精灵字体图标CSS修饰属性

小小程序员.¥·2024-02-20 08:34

常见的Web前端开发框架推荐

Bootstrap基于HTML、CSS和JavaScript，可以与任

M乔木·2024-02-20 08:34

Itext生成pdf文件，html转pdf时中文一直显示不出来

之前使用freemark模板渲染ftl页面,转出的pdf中，css2有些样式好像不支持，比较常用的居中样式都没有效果，text-align:center改造成使用html页面来转pdf，css2的样式可以生效

小池先生·2024-02-20 07:22

Webpack和Rollup区别、使用场景、如何选择

Webpack和Rollup都是前端构建工具，但它们的设计理念、侧重点和适用场景有所不同：Webpack设计理念与功能：Webpack是一个全能型的模块打包工具，不仅支持JavaScript模块的打包，还能处理CSS

陨石猎人·2024-02-20 07:18

中科大计网学习记录笔记（十三）：UDP 套接字编程 | 传输层概述和传输层的服务

前言：学习视频：中科大郑烇、杨坚全套《计算机网络（自顶向下方法第7版，JamesF.Kurose，KeithW.Ross）》课程该视频是B站非常著名的计网学习视频，但相信很多朋友和我一样在听完前面的部分发现信息量过大，有太多无法理解的地方，在我第一次点开的时候也有相同的感受，但经过了一段时间项目的学习，对计网有了更多的了解，所以我准备在这次学习的时候做一些记录并且加入一些我的理解，希望能够帮助到大

*Soo_Young*·2024-02-20 07:11

【Qt】图形视图框架之坐标

场景以及坐标转换QGraphicsView图形视图框架使用(一)坐标变换1.继承QGraphicsProxyWidget类虚函数mousePressEvent、mouseReleaseEvent的参数QGraphicsSceneMouseEventevent

Htht111·2024-02-20 07:04

Python招聘信息爬虫+数据分析+可视化系统+薪资预测+岗位推荐（大数据项目）计算机毕业设计源码下载

pycharm、MySQL数据库/sqlite3数据库、Python3.x版本、Flask框架、Scrapy框架、词云、echartsanconda3、chrome_driver1、开发框架前端htmlcssajax

计算机毕业设计指导·2024-02-20 06:39

CSS常用技巧

【1】制作三角形.box{width:0;height:0;margin:0auto;/*等腰直角三角：各边框宽度一致，将上边框保留，其他边框设置为透明色*/border:100pxsolidtransparent;border-top:100pxsolidred;}【2】文字超过范围显示省略号.box{width:200px;height:200px;/*一下三句就是做省略的关键*/white-

Ta曰丿、她活·2024-02-20 06:56

CSS position属性sticky

在开发时，经常会碰到需要这样一种情况——网站滚动到一定高度的时候，让一部分内容作为navbar，也就是置顶显示，我们一般会使用js监听scroll事件来实现，但是新增的css3属性position:sticky

天外天-亮·2024-02-20 06:52

前端开发常用技巧（update...）

前端开发常用技巧JS1、JavaScript删除子节点的方法2、JS动态生成div并添加点击事件CSS1、文本溢出处理2、使用伪类添加下划线3、使用伪类添加下划线下划线居中4、输入框默认字体颜色5、CSS

一只程序猿小白·2024-02-20 06:19

《HTML与CSS网站设计实践之旅》读书笔记

HTML与CSS网站设计实践之旅BuildYourOwnWebSitetheRightWayUsingHTML&CSS——[英]IanLloyd【Example】Listsp-anintroductionLists-anintroduction

JamieChenn·2024-02-20 06:46

re:从0开始的CSS之旅 19. 背景

扶摇|·2024-02-20 06:12

CSS基础-03-文本和字体（文本颜色、文本对齐、删除线、下划线、大小写转换text-transform、文本缩进，字体系列、字体样式、字体大小、字体加粗、字体变体）

1.文本1.1文本颜色（color:xxx）示例蜀body{color:red;}h1{color:#00ff00;}p.ex{color:rgb(0,0,255);}这是标题1这是一个普通的段落。请注意,本文是红色的。页面中定义默认的文本颜色选择器。这是一个类为"ex"的段落。这个文本是蓝色的。显示image.png1.2文本对齐（text-align）居中text-align:center;右

玄德公笔记·2024-02-20 06:10

移动开发中“单位”的那些事儿

前言在移动开发中我们常常会考虑度量单位的问题，在传统pc的web开发中用的比较多的是px（css像素），在android开发中一般则用dp、sp、px（物理像素）等，而移动web开发中同样也是用px（css

小灯光环·2024-02-20 06:39

CSS3学习（二）

目录：1.字体属性1.1字体系列1.2字体大小1.3字体粗细1.4文字样式1.5字体复合属性1.6总结2文本属性2.1文本颜色2.2对齐文本2.3装饰文本2.4文本缩进2.5行间距2.6总结1.字体属性1.1字体系列使用font-family属性定义文本的字体系列，如果有多个字体，各个字体之间用英文逗号隔开。1.2字体大小使用font-size属性定义字体大小。px（像素）是常用的单位，谷歌浏览器

学习不止，掉发不停·2024-02-20 06:09

HTML5学习（三）

【基本语法】定义表格标签定义表格中的行，嵌套在table标签里定义单元格，嵌套在tr标签里2.表头单元格标签文本加粗居中显示，位于表格第一行或者第一列标签表示表头部分3.表格属性（了解）后面会通过CSS

学习不止，掉发不停·2024-02-20 06:38

CSS学习心得

CSS一、CSS简介二、CSS语法1.id选择器2.class选择器三、CSS的应用1、外部样式表2、内部样式表3、内联样式四、颜色、尺寸、对齐五、CSS文档分析1、盒子模型2、边框与边距3、定位4、溢出

阿譹·2024-02-20 06:08

css和html基础

⦁1.src属性是img的图片路径，alt属性是当图片丢失时显示的问题，也是img标签的，href则是标签的跳转路径，titil是鼠标放上后的显示对对对⦁html中定义的标签：https://www.w3cschool.cn/htmltags/html-reference.html⦁2.行内元素设置宽高不起作用，其宽度是内容的宽度，块级元素宽度默认是继承父级元素的宽度，高度是本身内容的高度（如文字

一叶柒刺郎·2024-02-20 06:07

[总结]CSS/CSS3常用样式与web移动端资源

CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释（Conditionalcomments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。

weixin_30662011·2024-02-20 06:36

CSS/CSS3常用样式与web移动端资源

CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释（Conditionalcomments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。

weixin_33994444·2024-02-20 06:36

美团网官网最新底部导航页面制作及CSS样式设计

目的：实现美团网站底部的导航页面的设计设计思路：整体一个div-1整体可分为上下两部分：上为——浅绿色背景；下为选项及选项内容上部分的左侧设置一个div，存放美团导航文字内容使用ul>li无序列表存放每个选项：热门城市、热门分类、周边热门其中每个包括左侧的文本以及右侧的展开选项。右侧展开选项设置为两个无序列表。具体div数目及包含关系见html代码原网页样式如下：菜鸟样式设计如下：1.HTML代码

三月的一天·2024-02-20 06:01

AppCan开发框架详细介绍

1、UI2.0与UI1.0的对比2012年初，我们发布了AppCan移动应用开发平台，在这个版本中，我们内置了基于JQMobile方案的CSSUI框架。

刘文·2024-02-20 06:30

AppCan开发框架

1、UI2.0与UI1.0的对比2012年初，我们发布了AppCan移动应用开发平台，在这个版本中，我们内置了基于JQMobile方案的CSSUI框架。

狼之血舞·2024-02-20 06:28

css3

CSS修改选中文字的颜色html代码：第一段文字选中效果第二段文字选中效果css代码：.p1::selection{background:red;color:#fff;}.p2::selection{background

dazhoufu9292·2024-02-20 06:58

face 31减少http请求

减少http请求为什么要减少http请求性能的黄金法则，只有10%-20%的最终用户响应时间花在接受请求的html文档上，剩下的80%-90%时间花在html文档所引用的所有组件(图片，script,css

谢凌·2024-02-20 06:56

CSS学习（三）

目录：1.CSS引入方式1.1三种样式表1.2内部样式表（嵌入式引入）1.3行内样式表（内联样式表）1.4外部样式表1.5总结1.CSS引入方式1.1三种样式表1.2内部样式表（嵌入式引入）写到html

学习不止，掉发不停·2024-02-20 06:53

CSS实现两栏布局，左侧固定宽高，右侧超高滚动加载

要实现左侧子元素高度固定，右侧子元素超高滚动加载，并且左侧子元素与父级元素高度一致且不跟随滚动，可以使用CSS的flex布局和overflow属性来实现。

三月的一天·2024-02-20 06:51

Java 后端需要掌握的前端三大件的主要知识十分简洁版本

1.4关于资源路径1.5列表标签1.6表格标签1.7表单form1.7.1form标签属性1.7.2from标签中type属性不同的取值可以向后端传递的不同内容1.8注意区分列表标签表格标签表单标签2Css2.1Css

CodeDoraemon·2024-02-20 05:26

vue2.0 引入font-awesome

第一步：安装依赖npminstallfont-awesome--save第二步：然后在main.js引入font-awesome/css/font-awesome.min.css即可import'font-awesome

LI_4058·2024-02-20 05:09

Vuex学习记录

目录一、Vuex概述1.1Vuex是什么1.2使用Vuex统一管理的好处1.3什么样的数据适合存储在Vuex中二、Vuex的基本使用2.1创建Vuex项目视图式（版本：vue3+vuex4）命令式（版本：vue2+vuex3）可自定义选择版本三、Vuex的核心概念3.1核心概念概述3.2State组件访问State中数据是第一种方式：组件访问State中数据是第二种方式：3.3Mutation触达

娃哈哈哈哈呀·2024-02-20 05:41

CSS单词换行与对齐

CSS单词换行与对齐.sub-title1,.sub-title2{word-break:keep-all;word-wrap:break-word;/*只对英文起作用，以单词作为换行依据*/white-space

飞蛾逐月·2024-02-20 05:08

动态loading

项目中需要用到动图loading的地方可以下载https://www.intogif.com/loading/高级点的还有css动画;'692Loaders:CSS&Tailwind692Loaders

半个开心果·2024-02-20 05:35

vue3-动画技巧

基于CSSclass的动画对于那些不是正在进入或离开DOM的元素，我们可以通过给它们动态添加CSSclass来触发动画：const disabled = ref(false)function warnDisabled

王大可996·2024-02-20 05:52

vue-自定义创建项目(六)

默认项目自定义创建项目流程：创建项目命令：vuecreatecustom_demo键盘上下箭头有控制上下移动空格键控制是否选中Enter键表示确认选择版本路由模式：是否使用历史路由模式（history）选择css

smilehjl·2024-02-20 04:12

项目准备

使用VueCLI创建项目1.创建命令vuecreateedu-boss-fed2.自定义选项我们需要这几种功能：BabelRouter（使用hash模式下的路由）VuexCSSPre-processors

amanohina·2024-02-20 04:01

css3的var()函数

css3的var()函数变量要以两个连字符--(横杆)(减号)为开头变量可以在:root{}中定义,:root可以在css中创建全局样式变量。

kfepiza·2024-02-20 04:26

CSS的全局值 initial inherit revert overlay unset

在CSS中，全局值是一组特殊的值，可以应用于大多数的CSS属性，用于改变这些属性的默认值、继承行为或重置为浏览器的默认样式。不过，需要注意的是，overlay并不是一个标准的或广泛支持的全局值。

kfepiza·2024-02-20 04:56

Python学习记录——사 运算符

目录1、算术运算符2、赋值运算符3、复合赋值运算符4、比较运算符5、逻辑运算符1、算术运算符+-*/除//整数，取商%取模，也是取余，取除后的余数**指数，幂运算()()高于**高于*///%高于+-2、赋值运算符=，既可以单变量，也可以多变量赋值，比如a,b,v,d=3，g=e=r=17，也可以同时赋值多个变量3、复合赋值运算符+=、-=、*=、/=、//=、%=、**=复合和其它同在时，先算复

咬光空气·2024-02-20 04:56

设置textarea禁止拉伸的方法: resize:none 221106笔记

设置textarea禁止拉伸的方法就是设置css的resize的值为noneresize:noneresize:noneresize:nonestyle=“resize:none”style="resize

kfepiza·2024-02-20 04:55

css中, grid-auto-rows: 怎样简写在grid:中

grid-auto-rows:100px;grid-template-columns:1fr1fr;可以写成grid:auto-flow100px/1fr1fr;在CSSGrid布局中，grid-auto-rows

kfepiza·2024-02-20 04:25

【笔记】边角料学习记录

1、将文本转换为base64编码并保存到文件中：echo"文本内容"|base64>文件路径"文本内容"替换为要编码的文本内容"文件路径"替换为要保存的文件路径2、查看证书的有效期opensslx509-in文件路径-noout-dates需要将证书文件的路径替换为您保存的文件路径将显示证书的起始日期和过期日期3、RASP————————————仅用于本人学习来源：网络

许科大·2024-02-20 03:16

Electron实战之入门

一、Electron简介1.1Electron是什么Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的技术框架。

xiangzhihong8·2024-02-20 03:15

vue transition的延时播放

vue延迟播放1、显示的控制（利用setTimeout控制v-show）2、CSS的设置（可以使用transition+transition-delay控制，animation+animation-delay

RCX明·2024-02-20 03:09

JavaScript初级入门练习

是现如今十分流行的脚本语言,可插入HTML页面编程代码,对页面改进设计,实现动态操作,此处进行两个简单的js练习,熟悉js操作.一.全选操作在我们日常上网中,经常会接触到全选操作.本文中通过HTML,CSS

飞灰非辉·2024-02-20 03:16

微前端qiankun从头写一个demo，包含主微应用、微微应用通信用例

qiankun微前端demo说明1.路由说明：1.1hash路由：1.2history路由：路由切换2.LifeCycles:3.父子通讯3.1主应用与微应用的通信3.2微应用之间的通信4.手动加载微应用5.css

Yoyo_Yan·2024-02-20 02:58

【前端工程化面试题】webpack的module、bundle、chunk分别指的是什么？

module模块指单个文件，可以是js、css、图片等，每个文件都是一个独立的模块，可以通过import.和require等方式导入和导出模块可以包含代码、依赖关系和其他相关资源。代表应用程序的组

我有一棵树·2024-02-20 02:25

【Webpack】CSS 处理

CSS处理提取Css成单独文件Css文件目前被打包到js文件中，当js文件加载时，会创建一个style标签来生成样式这样对于网站来说，会出现闪屏现象，用户体验不好我们应该是单独的Css文件，通过link

小秀_heo·2024-02-20 02:53

推荐频道

css学习记录