css学习教程第15页

【css】border边框影响布局解决方案

需求（border改变不影响布局）最近在写项目的时候遇到这样一个问题，我给元素添加动态border的时候，随着border的生效，会影响border之外的布局解决方案：border边框影响布局之问题的发生，到底需要如何解决？下面我提供2种方案供大家参考：1.用outline替代border{//原样式border:1pxsolid#0081FF;//替换后outline:1pxsolid#0081

前端小趴菜05·2024-03-01 13:55

CSS cursor的一些相关属性

autocrosshairdefaulte-resizehelpmoven-resizene-resizenw-resizepointerprogresss-resizese-resizesw-resizetextw-resizewait上面是一些cursor的属性，非常多cursor：pointer；这个呈现在页面上是一个小手状，可以用在一些按钮、链接上，让用户看的更明白。cursor：defa

小老头头头头·2024-03-01 12:24

什么是重排或回流、重绘？如何减少重排？

首先我们需要先了解浏览器渲染机制，浏览器渲染引擎是浏览器的核心组成部分之一，它负者将网页代码(html,CSS，javaScript)转换为可视化的内容。

·2024-03-01 10:05

HTML+CSS+JS：动态滑块组件

效果演示实现了一个简单的滑块效果，其中包括一个滑块（slider）和一个可以拖动的球（ball）。当用户拖动球时，球会在滑块内部左右移动，同时改变颜色。CodeHaveyoubeennaughtyornicethisyear?*{transition:all1sease-in-out;/*对所有元素应用过渡效果，持续1秒，缓动函数为ease-in-out*/}body{margin:0;/*设置页

若冰说·2024-02-29 23:05

CSS常见选择器

CSS（层叠样式表）中包含了多种用于选择和定位HTML文档中元素的选择器，以便为这些元素应用样式。

dami_king·2024-02-29 23:04

Vue3 实现一个简单的方位动画

设计思路由于不用十分精确，就用最简单的div+css来实现位置标识的显示和动画。之后再通过配合背景图片来保证最基础的效果。方位总共9个，东南西北中加上四个角，通过Grid布局让其形成3*3的格子。

·2024-02-29 22:28

微信小程序 --- 常用样式和组件

常用样式和组件1.组件和样式介绍在开Web网站的时候：页面的结构由HTML进行编写，例如：经常会用到div、p、span、img、a等标签页面的样式由CSS进行编写，例如：经常会采用.class、#id

前端贾公子·2024-02-29 18:29

animate.css动画初始状态隐藏

在使用animate.css会做移动端的css动画，PC端的结合jquery.fullpage.js就能做一个全屏滚动的企业网站，但初始状态下需要隐藏有动画的元素可以给animated类添加opacity

辣子_·2024-02-29 05:45

CSS3新特性和CSS3动画

CSS3的新特性1.选择器：（1）属性选择器：[属性名][属性名=属性值][属性名^=属性值][属性名$=属性值][属性名*=属性值]（2）伪类选择器：为特定状态的元素添加样式，例如:hover、:active

·2024-02-28 15:03

Vue项目中，src目录下的vue.app文件介绍

App.vue是一个单文件组件（SingleFileComponent,简称SFC），它允许你将Vue组件的HTML模板、JavaScript代码和CSS样式写在一个单独的.vue文件中。

Komorebi_9999·2024-02-28 12:24

CSS2DRenderer的使用

具体参照https://github.com/mrdoob/three.js/blob/master/examples/css2d_label.html；CSS2DRenderer的使用import{CSS2DObject

qq_39672409·2024-02-28 09:20

VSCode设置左侧资源管理器字体大小

1.进入安装目录MicrosoftVSCode\resources\app\out\vs\workbench2.打开文件workbench.desktop.main.css3.搜索.monaco-workbench.part

·2024-02-27 21:20

CSS文本超出显示3个点的方法

在CSS中，如果你想让超出特定长度的文本显示为三个点（...），你可以使用text-overflow属性，配合overflow和white-space属性。

追格·2024-02-27 08:48

js基础小结（2）

js操作css的属性语法：document.getElementById("id").style.属性="值"属性:就是css中属性css属性有"-"例如:backgroud-color若有"-"只需要将

dev晴天·2024-02-27 01:45

Raft 算法、分布式 KV 面试汇总

从零开始，手写基于raft的分布式KV系统，课程详情可以看这里：https://av6huf2e1k.feishu.cn/docx/JCssdlgF4oRADcxxLqncPpRCn5b在简历上如何写这个项目

·2024-02-26 14:59

【每日前端面经】2023-02-25

是一个开放式跨端跨框架解决方案，支持使用React/Vue/Nerv等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序/H5/RN等应用多端适配怎么做固定布局（PC）window.screen分类加载CSS

糠帅傅蓝烧牛肉面·2024-02-26 06:47

java毕业设计二手图书回收销售网站Mybatis+系统+数据库+调试部署

调试部署java毕业设计二手图书回收销售网站Mybatis+系统+数据库+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

沪港·2024-02-25 18:30

css基础

1.外部样式表css代码和html代码都单独放在不同的文件中内部样式表:指的就是css和html代码放在同一个文件中css样式放在style标签中定义style标签必须放在head标签内内联样式表:把css

lxylxy001·2024-02-25 17:28

前端数据可视化：ECharts使用

知识扩展less文件 Less是一种CSS预处理器，它扩展了普通的CSS语言，为web

~hello world~·2024-02-25 11:21

web前端安全性——iframe安全问题

**原理是利用透明层iframe,使用了CSS中的opacity或z-index等属性，来到达透明和位于其它界面的上方，然后使用iframe来嵌入劫持页面。

장숙혜·2024-02-25 00:08

文字溢出容器省略号展示处理

文字溢出容器，要打点展示一、单行文本HTMLnjhsahdyihdkandwidywhdnhcujsanxjiuyswfdiuahcfoauyfhceencuiebweifjefnieubyiuyhkhyCSSp

DARKSIIIDE·2024-02-25 00:30

java计算机毕业设计同学录网站源码+数据库+系统+lw文档+mybatis+运行部署

java计算机毕业设计同学录网站源码+数据库+系统+lw文档+mybatis+运行部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

游游科技·2024-02-24 17:59

java毕业设计网络招聘系统源码+lw文档+mybatis+系统+mysql数据库+调试

毕业设计网络招聘系统源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

銮銮科技·2024-02-24 17:29

java毕业设计物资租赁管理系统mybatis+源码+调试部署+系统+数据库+lw

lwjava毕业设计物资租赁管理系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

銮銮科技·2024-02-24 17:58

java毕业设计酒店管理信息系统mybatis+源码+调试部署+系统+数据库+lw

lwjava毕业设计酒店管理信息系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

雪夜科技·2024-02-24 17:58

css换行

1.white-space:normal;这个只针对中文有效2.word-break:break-all;强制换行，针对中文，数字，英文等都有效；3.word-wrap:break-word;英文单词碰到换行的时候，整个单词换行：

冬天的_太阳·2024-02-24 04:30

面试前端性能优化八股文十问十答第二期

优化动画可以通过以下几个方面进行：使用CSS动画：利用CSS3提供的transition和animation属性来实现动画效果，因为CSS动画是由浏览器来执行的，通常比JavaScript动画性能更高。

程序员小白条·2024-02-23 21:41

css+动画优化,css3动画性能优化--针对移动端卡顿问题

一、使用css，jquery，canvas制作动画1.Canvas优点：性能好，强大，支持多数浏览器(除了IE6、IE7、IE8)，画出来的图形可以直接保存为.png或者.jpg的图形；缺点：依赖于HTML

影子的覆盖·2024-02-23 18:07

一种鼠标划过文字放大的CSS特效而引发的疑惑

先上效果图，有两种，这种是使用transform来改变大小缩放这种是改变文字大小来缩放，会引起排版变化在使用transform时，能明显感到比使用改变文字大小时更卡顿，并且浏览器的窗口越大，卡顿越明显。当时我心中就很疑惑，单就从我之前学到的浏览器的渲染机制上来说，改变文字大小是会触发回流的，使用transform时不会触发回流，为什么使用transform会更卡呢？另外网页内没有什么其他内容，回流

Hollow_GLs·2024-02-23 17:35

vue.js之视频播放器组件

npminstallvue-video-player-S然后，在src/main.js中importVueVideoPlayerfrom'vue-video-player'import'video.js/dist/video-js.css'Vue.use

一个小前端程序员·2024-02-23 05:33

js+css 锚点菜单

{{item.label}}我是内容1我是内容2我是内容3我是内容4我是内容5exportdefault{name:"",components:{},mixins:[],props:{},computed:{},watch:{},data(){return{//初始化菜单navList:[{label:"菜单1",},{label:"菜单2",},{label:"菜单3",},{label:"菜单

bobringtheboys·2024-02-23 01:47

css居中方法归纳（二）

大话元素居中身为一名前端开发者，居中永远是绕不去的一个问题，如果不能有完整的方式归类，每次百度难免费时，并且显的咱们多low啊，居中都要百度，至少为了咱们滴面子，咱也要把它学好，接下来一起来看看吧水平居中水平居中方案一：父级加text-align子级inline-block.father{width:100%;height:200px;background:#ccc;text-align:cent

不曾忽然七日·2024-02-22 19:48

如何去掉a标签的下划线

下面就让我们来一起了解一下通过css去除a标签下划线的方法。直接在样式中添加如下样式：.smooth{text-decoration:none;}或a{text-decoration:none;}

公众号_一码当先·2024-02-22 19:38

HTML + CSS 高频面试题

盒模型CSS盒模型本质是一个盒子，封装周围的HTML元素，包括margin，border，padding，和content。

王哈哈的学习笔记·2024-02-22 15:34

前端基础：CSS字体属性

目录1.字体系列2.字体大小3.字体粗细4.字体样式5.字体复合属性6.字体属性总结cssfonts（字体）属性用于字体系列、大小、粗细、文字样式（如斜体）。

曹莓奶昔·2024-02-22 15:34

CSS所有属性集合

css写法css语法规则：css写在标签里，标签一般在里，标签下面。

晴空_4086·2024-02-22 15:03

css如何让两个div上下排列_深入了解CSS层叠上下层

1.要想理解层叠上下层，首先要先从文档流和盒模型说起文档流在CSS中，文档流是一个很基础也是很重要的一个概念。

weixin_39610956·2024-02-20 23:59

带你熟练掌握 css 基础

Css基础文章目录Css基础一、Css是什么二、基本语法规则2.1css的注释2.2格式规范三、选择器的种类四、基础选择器4.1标签选择器4.2类选择器（常用选择器）4.3id选择器4.4通配符选择器五

鸢也·2024-02-20 23:28

scss配置主题

$themes:(light:(font_color:#fff,),dark:(font_color:#000,),);@mixinthemeify{@each$theme-name,$theme-mapin$themes{//!global把局部变量强升为全局变量$theme-map:$theme-map!global;//判断html的data-theme的属性值#{}是sass的插值表达式/

鸿是江边鸟，曾是心上人·2024-02-20 23:27

带你了解CSS上篇

CSS是什么CSS：层叠样式表(CascadingStyleSheets).CSS能够对网页中元素位置的排版进行像素级精确控制，实现美化页面的效果，并能够做到页面的样式和结构分离，它类似于“东方四大邪术

fly in the sky !·2024-02-20 23:54

Linux学习和阿里云服务器的配置(感谢秦老师)

Java开发之路：JavaSE、MySQL、前端（HTML、Css、JS）、JavaWeb、SSM框架（很多人就开始找工作了！）

南桑爱吃牛筋·2024-02-20 22:45

【C进阶】通讯录2.0（文末附原码）

⭐博客主页：️CSsemi主页⭐欢迎关注：点赞收藏+留言⭐系列专栏：C语言进阶⭐代码仓库：CAdvanced家人们更新不易，你们的点赞和关注对我而言十分重要，友友们麻烦多多点赞＋关注，你们的支持是我创作最大的动力

2022horse·2024-02-20 22:59

第 5 题：常见的浏览器内核有哪些？

浏览器内核也可以理解为排版引擎，主要由2部分组成，渲染引擎和JS引擎排版引擎主要是负责获取网页内容（HTML、XML、图像、CSS、JS）等信息进行解析、渲染网页，将网页的代码转换为看得到的页面浏览器的内核的不同对于网页的语法解释会有不同

Noxus丶SJ·2024-02-20 22:09

使用HTML、CSS和JavaScript构建响应式企业官网

使用HTML、CSS和JavaScript构建响应式企业官网，web网页设计与制作-html+css+js实现企业官网展示。

mon_star°·2024-02-20 22:19

吴恩达机器学习全课程笔记第二篇

逻辑回归的代价函数梯度下降的实现P37-P41过拟合问题正则化代价函数正则化线性回归正则化logistics回归前言这是吴恩达机器学习笔记的第二篇，第一篇笔记请见：吴恩达机器学习全课程笔记第一篇完整的课程链接如下：吴恩达机器学习教程

亿维数组·2024-02-20 21:03

web CSS3伪类选择器 :nth-child()

:nth-child()可以选择某个的一个或多个特定的子元素，你可以按这种方式进行选择：:nth-child(length);/*参数是具体数字*/:nth-child(n);/*参数是n,n从0开始计算*/:nth-child(n*length)/*n的倍数选择，n从0开始算*/:nth-child(n+length);/*选择大于length后面的元素*/:nth-child(-n+lengt

worldzhy·2024-02-20 21:11

HtmlCss光标(插入符caret)透明隐藏光标 221106笔记

HtmlCss光标透明隐藏光标221106笔记光标有两种文字插入符光标(caret),一闪一闪的竖线鼠标光标(cursor),或者应该叫指针,或叫鼠标指针光标caret文字光标或叫插入符光标cursor

kfepiza·2024-02-20 21:10

css选择器:nth-child()的用法

:nth-child():nth-child()选择器，该选择器选取父元素的第N个子元素，与类型无关。一、选择列表中的偶数标签:nth-child(2n)二、选择列表中的奇数标签:nth-child(2n-1)三、选择从第6个开始的，直到最后:nth-child(n+6)四、选择第1个到第6个:nth-child(-n+6)五、两者结合使用，可以限制选择某一个范围，选择第6个到第9个:nth-ch

cdgogo·2024-02-20 21:09

CSS的伪类选择器:nth-child()

CSS的伪类选择器:nth-child()CSS的伪类选择器:nth-child()是一个非常强大的工具，它允许你根据元素在其父元素中的位置（序数）来选择特定的子元素。

kfepiza·2024-02-20 21:38

前后端开发的心得体会_前后端对接的思考及总结

NodeJs技术的火爆,现在的前端已经非以前传统意义上的前端了,各种前端框架(Vue、React、Angular......)井喷式发展,配合NodeJs服务端渲染引擎,目前前端能完成的工作不仅仅局限于CSS

weixin_39586915·2024-02-20 20:29

推荐频道

css学习教程