CSS3)

CSS3-补充-结构伪类选择器

结构伪类选择器作用：在HTML中定位元素优势：减少对于HTML中类的依赖，有利于保持代码整洁场景：常用于查找某父级选择器中的子元素选择器：选择器备注E:first-child()匹配父元素的第一个子元素EE:last-child()匹配父元素的最后一个子元素EE:nth-child()匹配父元素的第n个子元素EE:nth-last-child()匹配父元素的倒数第n个子元素E注意：1n=0,1,2
Q _Q·2023-06-22 20:15

css3动画transition && animation

css动画：transition（过渡）因为有些属性动画无意义，所以可动画属性集是一个有限集合其属性为如下几部分：transition-property：指定哪个或哪些CSS属性用于过渡transition-duration：指定过渡的时长。或者为所有属性指定一个值，或者指定多个值，为每个属性指定不同的时长transition-timing-function：指定一个函数(根据四个点确定一个bez
·2023-06-22 20:44

css3 动画（一） transition

前言最近在研究css3的动画属性transition和animation，发现自己之前对这两个css3的动画属性并没有太多深入的理解。本篇将介绍css3的transition以及自己的一些理解。
·2023-06-22 20:14

css3选择器

CSS3选择器分类CSS3选择器通过基本选择器就可以确定HTML树形结构中大多数的DOM元素节点。
读心的心·2023-06-22 12:34

CSS3 grid 网格/栅格布局

grid网格/栅格布局网格布局有一个父元素和一些子元素组成设置grid布局设置在父元素身上display:grid;display:inline-grid;grid-template设置网格轨道就是设置网格的行数列数设置在父元素身上grid-template-columns:10px10px10px;grid-template-rows:10px10px10px;grid-gap设置网格轨道之间的
橘子的心脏·2023-06-22 11:57

Css3新布局---Grid网格

网格布局是css3中新增加的一种布局方式，比flex更加强大。flex属于一维布局，对于高度不能灵活控制。grid网格布局是二维布局，通过行和列来分配网页空间。
DB_鸠·2023-06-22 11:26

CSS3-盒子模型

盒子模型的介绍盒子概念盒子组成盒子内减拓展1.盒子的概念1页面中的每一个标签，都可看做是一个“盒子”，通过盒子的视角更方便的进行布局2浏览器在渲染（显示）网页时，会将网页中的元素看做是一个个的矩形区域，我们也形象的称之为盒子2盒子模型CSS中规定每个盒子分别由：内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin）构成，这就是盒子模型3记忆：
Q _Q·2023-06-22 08:02

css中关于伪类和伪元素的概念

css中关于伪类和伪元素的概念由来已久，css1和css2中对这两种概念包括语法未做明显区分，css3对这两种概念及其语法则明确开来。
粥蛋蛋·2023-06-22 06:25

Web前端开发兼容性查询工具Can I use

CanIuseweb浏览器兼容性支持htmlcsssvghtml5css3operachromefirefoxsafariinternetexplorerhttps://www.caniuse.com/
南南南NaN·2023-06-22 00:15

flex弹性布局（九）

1.弹性布局：又称为flex布局，是css3.0新增的布局方式弹性布局，用来给盒模型提供最大的灵活性任何一个容器，都可以被设置弹性布局采用弹性布局的标签，父元素被称为flex容器，简称为“容器”；它的所有子元素自动成为容器成员
馒头@Mm·2023-06-21 21:18

前端知识归纳（3）-- HTML/CSS（part5 知识图谱）

(image-ae9894-1547689941510)]CSS标准、支持及未来然后在整个课程中，我们模糊了CSS2与CSS3的界限，而是统
Sponge_Luffy·2023-06-21 20:41

java 版本企业电子招投标采购系统源码之登录页面

信息数智化招采系统服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Security前端架构：VUE、Uniapp、Layui、Bootstrap、H5、CSS3涉及技术
微服务 spring cloud·2023-06-21 16:28

SpringCloud alibaba微服务b2b2c电子商务平台

系统服务、中间件服务）2.核心架构SpringCloud、SpringBoot2、Mybatis、OAuth2、Security3.前端框架VUE、Uniapp、Layui、Bootstrap、H5、CSS3
微服务 spring cloud·2023-06-21 16:57

css 背景和渐变

属性的简写方式包含五种属性值–background-color,background-image,background-repeat,background-attachment,andbackground-positionCSS3
·2023-06-21 14:36

移动·web前端高效开发实战/Chapter4.CSS3必会实战技巧

1、认识CSS3css技术升级版，css3是最新版本，css3被划分为多个模块css3实用新特性：选择器：选中特定的HTML元素盒模型box-sizing属性来改变对元素宽高的计算方式box-sizing
西瓜皮儿的皮儿·2023-06-21 14:14

CSS3 边框

CSS3边框div.ex1{border:2pxsolid#a1a1a1;padding:10px40px;background:#dddddd;width:300px;border-radius:25px
maskerII·2023-06-21 12:28

CSS3-背景

背景1背景颜色2背景图片3背景平铺4背景位置5背景相关属性连写6（拓展）img标签和背景图片的区别1背景颜色属性名：background-color取值；关键字、rgb表示法、rgba表示法、十六进制注意：1背景颜色默认值是透明：rbga(0,0,0,0)、transparent2背景颜色不会影响盒子大小，并且还能看清盒子的大小和位置，一般在布局中会习惯先给盒子设置背景颜色2背景图片属性名：bac
Q _Q·2023-06-21 08:02

CSS3-显示模式

显示模式1块级显示2行内显示3行内块显示4元素显示模式转换5拓展1块级显示属性：display:block显示特点：1独占一行（一行只能显示一个）2宽度默认是父元素的宽度，高度默认由内容撑开3可以设置宽高代表标签：div、p、h系列、ul、li、dl、dt、dd、form、header、nav、footer……2行内显示属性：display:inline显示特点：1一行可以显示多个2宽度和高度默认
Q _Q·2023-06-21 08:02

CSS3-综合案例-导航1

Documenta{width:80px;height:50px;background-color:red;color:white;/*a是行内显示设置宽高无效*//*转换成行内块元素*/display:inline-block;/*文本水平居中*/text-align:center;/*文本垂直居中*/line-height:50px;/*文字文本修饰*/text-decoration:none
Q _Q·2023-06-21 08:02

CSS3-综合案例2-五色导航

Documenta{/*宽高以背景图为准12058*/width:120px;height:58px;background-color:red;color:white;/*a是行内显示设置宽高无效*//*转换成行内块元素*/display:inline-block;/*文本水平居中*/text-align:center;/*文本垂直居中*/line-height:50px;/*文字文本修饰*/te
Q _Q·2023-06-21 08:02

CSS3-三大特性-继承性、层叠性、优先级

CSS三大特性1继承性2层叠性3优先级1继承性特性：子元素有默认继承父元素样式的特点（子承父业）可以继承的常见属性：1color2font-style、font-weight、font-size、font-family3text-indent、text-align4line-height5……注意：可以通过调试工具判断样式是否可以继承拓展继承的应用好处：可以在一定程度上减少代码常见应用场景：1可以
Q _Q·2023-06-21 08:30

页面布局有几种方法，flex布局优缺点

2.弹性布局：css3引入的，flex布局；优点在于其容易上手，根据flex规则很容易达到某个布局效果，然而缺点是：浏览器兼容性比较差，只能兼容到ie9及以上；3.自适应布局：分别为不同的屏幕分辨率定义布局
Beauty_Beast·2023-06-21 07:59

高德地图上绘制海量自定义覆盖物方案

高德地图提供的方案（一）MassMarksMassMarks这个方案是将所有覆盖物绘制在一张整图层上，缩放和平移时候就用css3的transform,tranlate等去做了，还能利用系统硬件加速，效率是极高
代码柳书·2023-06-21 05:46

前端需要的技能

语言：1，熟练掌握html5，css3，javascript，ajax2，掌握PHP、java、python中至少一种web开发语言3，库/框架:MooTools,YUI,Angular,jQuery,
猿小章·2023-06-21 00:27

构建基于前后端分离的医学影像学学习平台：Java技术实现与深度解析

前端使用现代化的Web技术，如HTML5、CSS3和JavaScript，来实现用户界面和
白开水不加糖1·2023-06-20 18:42

毕业设计之基于HTML5+CSS3+Echarts的大屏展示

一、项目简介今天说的这个软件是一款基于HTML5+CSS3+Echarts的大屏展示。
程序员小美·2023-06-20 17:32

css面试题

标准盒子模型：宽度=内容的宽度（content）+border+padding+margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+margincss3新特性常问
·2023-06-20 12:58

武职302303笔记-day02

这里写自定义目录标题知识回归使用网页三剑客：HTML5+CSS3（lass,sass）+JavaScript(TypeScript）-Vue+Vite/react+webpack开发环境利用最前沿前端开发技术实现网站开发
长安紫薯·2023-06-20 10:48

什么是GPU加速,如何使用GPU加速,GPU加速的缺点

的图形性能对浏览器中的一些图形操作交给GPU来完成，因为GPU是专门为处理图形而设计，所以它在速度和能耗上更有效率GPU加速通常包括以下几个部分：Canvas2D，布局合成（LayoutCompositing）,CSS3
前端阿玉·2023-06-20 09:17

CSS3点点滴滴

css查遗补漏标签（空格分隔）：css如果值为若干单词，则要给值加引号。p{font-family:"sansserif";}body的字体有继承兼容性问题，通常这么搞：body{font-family:Verdana,sans-serif;}p,td,ul,ol,li,dl,dt,dd{font-family:Verdana,sans-serif;}p{font-family:Times,"Ti
weixin_30693183·2023-06-20 07:22

css的知识点归纳与总结

也是每个前端必须要掌握的基础，在工作中也常常因为频于业务，而不能很好的去沉淀技术，本文主要是作者业余学习记录下来的笔记,主要记录了css常用一些的基础，以及css高级应用，例如精灵图，字体图标等，还有css3
yaoxfly·2023-06-20 07:51

CSS基础学习--22 图像透明/不透明

一、透明度属性CSS3中属性的透明度是opacity正常的图像相同的图像带有透明度：img{opacity:0.4;filter:alpha(opacity=40);/*IE8及其更早版本*/}备注：Opacity
yyxhzdm·2023-06-20 05:50

CSS3动画

@keyframes关键帧的语法：1.命名以@keyframes开头，后面紧跟着是“动画的名称”，再加上一对花括号“{...}”，括号种就是不同时间段样式规则，即CSS样式。2.一个@keyframes中的样式规则是由多个百分比构成的，如0%~100%，可以在这个规则中创建更多个百分比，从而让元素达到一种不断变化的效果。（百分号不可省略，否则@keyframes是无效的）3.可以使用“from”“
Xara_·2023-06-20 01:11

动效解决方案 Bounce.js

一、bounce.js是一个用来创造弹跳特效的库，它的动效主要是通过CSS3和一些预设来实现的。
丸子小姐__不懂爱·2023-06-19 14:00

WebGIS开发基础

文章目录Web开发基础理论B/S架构客户端技术1.HTML2.CSS3.JavaScriptWeb开发基础理论B/S架构Web软件开发通常使用B/S（Browser/Server，浏览器/服务器）架构，
Mr Robot·2023-06-19 11:05

使用CSS background实现炫酷悬停效果

日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。
·2023-06-19 10:45

使用css3如何实现一个文字打印效果

前言在很多网站首页介绍页里,为了吸引用户,暂留更长时间,使用了一些css3动画的示例效果文字打印.gif实现这个动画原理想要实现这个动画,改变元素的宽度,结合动画css3关键帧实现具体代码如下所示                  
itclanCoder·2023-06-19 07:31

AI生成--CSS、CSS3面试题

什么是选择器？答：选择器是用于选择需要应用样式的HTML元素的模式，例如标签名、类名和ID等。什么是盒模型？答：盒模型是用于布局的模型，它将每个HTML元素视为一个矩形盒子，其中包含了内容区域、内边距、边框和外边距。什么是浮动？答：浮动是一种布局方式，让元素脱离文档流并沿着其容器的左侧或右侧浮动。什么是清除浮动？答：清除浮动是一种方法，用于防止元素的一个或多个浮动对后续的元素产生影响。什么是伪类和
我兔威武·2023-06-19 06:40

css基础知识三：说说em/px/rem/vh/vw的区别?

一、介绍传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw
小爱同学-Allen·2023-06-19 04:25

10款顶级web开源框架

随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。
盗名仕·2023-06-19 04:14

SpringBoot+Vue项目在线学生请假管理系统

文末获取源码开发语言：Java使用框架：springboot前端技术：JavaScript、Vue、css3开发工具：IDEA/MyEclipse/Eclipse、VisualStudioCode数据库
qq_834251331·2023-06-18 20:47

移动端1px像素解决方案

item-1px{border-bottom:1pxsolid#ccc;}.item-0_5px{border-bottom:.5pxsolid#ccc;/*ios有效android无效*/}.item-css3transform
kiterumer·2023-06-18 20:01

前端面试题-1

rem是css3新增的一个相对单位，REM是相对单位，是
珎珎啊·2023-06-18 11:45

8.CSS3入门

CSS3入门CSS样式规则选择器{属性1:属性值1;属性2:属性值2;}/*没有英文引号*/引入CSS样式表行内式内容/*行内式*/内嵌式选择器{属性1:属性值1;属性2:属性值2;}/*内嵌式*/链入式
漆黑烈焰使*·2023-06-18 09:11

10.CSS3样式

CSS3样式属性选择器以xx开头：选择器[属性名^=值]{文本样式属性}以xx结尾：选择器[属性名$=值]{文本样式属性}包含xx：选择器[属性名*=值]{文本样式属性}.one1{font-weight
漆黑烈焰使*·2023-06-18 09:11

css3笔记7-响应式布局,和分辨率的一些东西

image.png不同终端,不同大小的屏幕,需要有不同的布局.响应式布局的需求就是,我写一个布局,根据不同设备自动调整自己的布局.image.pngimage.pngimage.pngimage.png根据不同终端,:root{font-size}设置不同大小,保证device/rootFontSize的值一样.css设定各种尺寸时,单位全用rem我们只要保证每个终端的1rem的大小都一样,那么整
wudimingwo·2023-06-18 08:58

CSS入门（网络安全方向）——id与class

CSS3现在已被大部分现代浏览器支持，而下一版的CSS4仍在开发中。你需要具备的知识在继
༄༊ξ李的脏脏星࿐·2023-06-18 07:14

CSS查缺补漏之《Web字体、2D/3D变换》

文章略长，慢慢享用～Web字体css3新增了字体，使得用户不必局限在本计算机中安装的字体，可以使用多种字体；需要在style中定义@font-face规则；@font-face{font-family:
迷糊的小小淘·2023-06-18 06:50

学习CSS3实现夜空UFO特效，带着心上人去太空旅行

由于UFO来也匆匆去也匆匆，我记得不是很清楚了，于是凭借着记忆用CSS3实现一个夜空UFO的效果。目录实现思路头部区
经海路大白狗·2023-06-17 21:14

css 字体无法小于10号,css3让手机网页字体小于12px

幸好有了css3新属性，可以用transform:scale()就ok，先看下效果图片：代码如下：html>css3让手机网页字体小于12px*{margin:0;padding:0;}.box{wi
weixin_39542111·2023-06-17 19:52
上一页 63 64 65 66 67 68 69 70 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他