CSS3)

前端面试之CSS3新特性

除了html5的新特性，CSS3的新特性也是面试中经常被问到的。选择器CSS3中新添加了很多选择器，解决了很多之前需要用javascript才能解决的布局问题。
weixin_33911824·2020-09-14 16:23

css3 相关伪类

1、：not（）类似jQuery中的：not（）选择器，主要用来定位不匹配该选择器的元素。其用途还是很强大的，举2个例子：:not(footer){border:1pxsolidblack;/*表示选择页面中所有元素，除了footer*/}input:not([type=submit]){.../*给表单中所有input定义样式，除了submit按钮*/}2、:nth-of-type与:nth-c
大树之殇·2020-09-14 15:33

css3 动画相关笔记

一、transition：过度（1）transition-property：指定过渡的属性值，比如transition-property:opacity就是只指定opacity属性参与这个过渡。（2）transition-duration：指定这个过渡的持续时间（3）transition-delay：延迟过渡时间（4）transition-timing-function：指定过渡动画缓动类型，有e
大树之殇·2020-09-14 15:33

纯div+css实现翻书loading

效果图：话不多说，直接上代码：纯css3实现翻书效果*{box-sizing:border-box;margin:0;padding:0;}.perspective{margin-top:100px;perspective
专业前端小白·2020-09-14 15:06

卡片翻转

闲来无事，最近在学css3的新属性，然后就做了一个简单的卡牌翻转效果，一个小东西，搬出来献丑和大家分享下//body部分翻开有惊喜哦点击我翻面哈哈，被骗了吧重新来过//css部分body{padding
TingBlog·2020-09-14 14:58

CSS3的4大伪元素选择器详解

在CSS3开发中，常见的伪元素选择器主要有4种，下面就和大家一起来扒一扒。
lidiya007·2020-09-14 14:21

css3 - 属性选择器、伪元素选择器、结构性伪类选择器

一、属性选择器html:示例1示例2示例2示例2css:[id=box1]{/*选择id="box1"的标签设置样式*/background-color:pink;}二、伪元素选择器1.first-line伪元素选择器用于为某个元素中的第一行文字使用样式。html：我是一个段落中的第一行我是第二行。css：p::first-line{/*first-line伪元素选择器将第一行文字设为红色*/co
erdouzhang·2020-09-14 13:45

css判断不同分辨率显示不同宽度布局实现自适应宽度

转载链接：http://www.jb51.net/css/151312.html点评：CSS判断不同分辨率浏览器（显示屏幕）显示不同宽度布局CSS3技术支持IE6到IE8。
浮华out·2020-09-14 13:29

【存档】在vue-cli中使用wow.js+animate.css

animate.css官网地址：https://animate.style/animate.css是一个来自国外的CSS3动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转
弘岛·2020-09-14 13:05

自适应不同的分辨率界面

firefox下呢，就可以使用css3的transform:scale()。（需要额
adtowzpo775078·2020-09-14 13:47

CSS3(一)---属性选择器、结构伪类选择器、伪元素选择器

CSS3属性选择器、结构伪类选择器、伪元素选择器、2D转换、动画、3D装换、浏览器私有转换CSS3是在CSS2上进行扩展1.属性选择器属性选择器权重是10，类选择器、伪类选择器(属性选择器：权重高于标签选择器
nine-seven·2020-09-14 13:49

伪元素选择器

在最新的CSS3标准中，把伪对象的格式改成了双冒号，即::before，::after，是为了和伪类分开。早期的浏览器，比如IE8，只支持单冒号的伪对象。
玛丽纲·2020-09-14 13:12

CSS伪元素选择器

语法格式为：选择器:伪元素{属性:值}伪元素选择器在CSS中一直存在，但CSS3对伪元素进行了一定的调整，把选择器和伪元素之间冒号，由CSS1和CSS2.1中的
ixygj197875·2020-09-14 12:23

CSS3，渐变效果（线性渐变，径向渐变，重复渐变），实现各种背景效果。

CSS3中的渐变实现（线性渐变、径向渐变）CSS3中的background新增属性实现，常见页面效果。CSS3中的图片边框的基本用法CSS3中的transition属性，实现过渡效果。
xqiitan·2020-09-14 12:37

CSS3----Flex弹性布局

Flex弹性布局li{list-style-type:none;border:1pxsolidred;box-sizing:border-box;width:60px;}.box1{}h1{border-top:1pxsolidred;padding-left:0;padding-right:0;}ul{min-height:160px;width:100%;border:1pxsolidred;
weixin_34275734·2020-09-14 11:55

一语道破CSS3（二）

CSS背景：CSS允许使用纯色作为背景，也允许使用背景图创建相当复杂的效果属性描述background-color设置背景颜色background-image以图片做背景background-repeat设置的背景图片是否及如何重复background-position设置背景图片的起始位置background-attachment背景图像是否固定或随页面其余部分滚动background-size
编程之美，趋之若鹜·2020-09-14 11:10

CSS3很简单

CSS3一什么是CSS？二选择器一什么是CSS？CSS是用于描述HTML文档样式我语言，将内容和样式放开。
编程之美，趋之若鹜·2020-09-14 11:10

CSS3盒子模型box-sizing及清除移动端特殊样式

传统模式宽度计算：盒子的宽度=CSS中设置的width+border+paddingCSS3盒子模型：盒子的宽度=CSS中设置的宽度width里面包含了border和padding也就是说，我们的CSS3
LeonGus·2020-09-14 11:48

[css3] 关于隐藏元素 display:none 和 visibility:hidden

大家都知道，写css的时候，隐藏一个元素可以通过display属性设置为"none"，或visibility属性设置为"hidden"去隐藏元素。但是注意，这两种方法会有着区别。例如：visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局。display:none可以隐藏某个元素，且隐藏的元素不会占用任何空间。
我是z先生·2020-09-14 11:09

使用css3在网页中实现各种三角形样式集合（原理解析）

打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）css3三角形使用场景我们知道有一个特效是span下拉列表，也就是说当鼠标放上一个div时，会出现原本隐
lin123_00·2020-09-14 10:26

CSS3盒模型box-sizing属性详解，布局更方便

使用方法：box-sizing:content-box;box-sizing:padding-box;box-sizing:border-box;属性解析：当设置为content-box时，盒子的宽度和高度同默认宽度（不包括padding，border）；当设置为padding-box时，盒子的宽度和高度包括padding区域；当时设置为border-box时，盒子的宽度和高度包括padding和
judyge·2020-09-14 10:07

css之盒子模型box-sizing属性

background-color:red;}.aside{width:100px;height:200px;background-color:cyan;float:left;}.article{/*1,css3
小鱼的池塘·2020-09-14 10:28

CSS3教程:box-sizing属性的理解

说到IE的bug，一个臭名昭著的例子是它对于“盒模型”的错误解释：在IE5.x以及Quirks模式的IE6/7中，将border与padding都包含在width之内。这为前端工程师的工作平添了不少麻烦，几户每个需要定义尺寸的box都要思量一下：是否触发了“盒模型bug”？同时，由于另一撮浏览器对标准的遵从，我们在精确定义一个在有限空间内显示的box时，也需要计算一下：留给它的空间只有那么大，刨去
小烟·2020-09-14 10:05

CSS之基本选择器

“用到的时候就去查一查”的状态，没有过系统的学习了解css选择器的机会，今天看到一篇文章觉得对于系统的了解选择器是个不错的入门，特转载过来，文章链接如下：http://www.w3cplus.com/css3
duanmuxiao·2020-09-14 10:04

CSS3_标准盒子模型和怪异盒子模型

#box{width:200px;height:200px;background-color:pink;}标准盒子模型box-sizing:content-box;padding是向外扩的border也是向外扩的怪异盒子模型box-sizing:border-box;padding是向内挤的，即不会影响元素的width和height当padding大于一定程度时，就会开始影响width和heigh
aof26372·2020-09-14 10:31

添加内核解决浏览器兼容性

某些特定的css3属性规范还没有正式敲定，也就是说未来还有可能进一步优化调整，目前还处在测试阶段。浏览器要提前实现这些功能，需要在属性名前面加不同浏览器的前缀。
action-XD·2020-09-14 10:51

CSS3——盒模型、常规流

盒模型box：盒子，每个元素在页面中都会生成一个矩形区域（盒子）盒子类型：行盒，display等于inline的元素块盒，display等于block的元素行盒在页面中不换行，块盒独占一行（h1,p，div：display=block独占一行）display默认属性为inline（不继承）浏览器默认样式表设置的块盒：容器元素、h1-h6、p常见的行盒：span、a、img、video、audio盒
.Seven.·2020-09-14 09:30

前端面试知识点整理

看这一篇就够了CSS3动画CSS3动画详解前端面试题——如何画一条0.5px的线CSS预处理器less和sass大家肯定都用过，今天我们从另一个角度来谈谈他们2019年
小北lulu·2020-09-14 09:13

web前端开发工程师面试题积累（02）

CA.margin是内边距B.padding是外边距C.border是边框D.border-radius是css3标准，因此IE并不支持border-radius属性2.
_文强·2020-09-14 09:28

移动端开发的注意事项

当然移动web给人的感觉是一个拼H5和CSS3的阵地，这里面有足够高大上的技术等着你去驾驭，在这方面，你可以欣喜地说：让IE见鬼去吧。
西瓜凉了半个夏~·2020-09-14 09:19

CSS3中常用字体图标库总结

[一勺烩]CSS3中常用字体图标库总结-靳洪飞的文章-知乎https://zhuanlan.zhihu.com/p/21910270字体图标以前网页上显示图标都是用切成小图片，然后根据不同场景作多个小图
花花最美腻·2020-09-14 09:42

bootstrap基础知识

CSS3-MediaQuery最简单的实现方式；借助原生JAvascript；成本较高。第三方开源框架；一般使用第一种方式。
ycyy1993·2020-09-14 08:35

CSS3过渡 tansition属性以及总结

1、CSS3中，为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript。
Wn洋·2020-09-14 07:10

css温故知新——弹性盒子

CSS3弹性盒（FlexibleBox或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。
IWTF·2020-09-14 07:20

转载: 14款震撼人心的HTML5文字特效

1、CSS3五彩文字特效文字带阴影效果这是一款非常具有卡通形象的CSS3五彩文字特效，虽然没有迷人的动画效果，但是五彩缤纷的文字展现在屏幕上也是非常酷的，再加上每一个文字都有不同角度的阴影效果，加上漂亮的英文字体
newboy686·2020-09-14 07:51

HTML5超酷秒表动画 可暂停和重置秒表

关于HTML5和CSS3的时钟应用在之前我们已经分享过不少了，还有一些HTML5的日期选择应用。
lzhw1985·2020-09-14 07:28

CSS3时光流逝效果

前几天加上了一个小效果，我叫它为时光流逝效果，最初是在苹果官网看到的，是为了介绍全新ipad可以续航10小时的一个小效果，于是我用我自己的方式把相同的效果写了一下，不是canvas，仅仅是css3而已，
load_life·2020-09-14 06:45

CSS3 transiton过渡与CSS3 渐变 无效原因及解决方法

无效原因：我们使用CSS3的gradient渐变属性是被当成背景图片(background-img)来看的。
bug发现与制造·2020-09-14 06:16

关于*.ttf *.otf * .ttc等字体格式转换成我们想要的css文件

那就使用css3的@font-fae把CSS3@font-face规则在CSS3之前，web设计师必须使用已在用户计算机上安装好的字体。通过CSS3，web设计师可以使用他们喜欢的任意字体。
ShiYadong_·2020-09-14 04:26

分针网——每日分享：CSS3之径向渐变(radial-gradient)

本文转自：http://www.f-z.cn/id/286这篇文章主要对径向渐变进行详解，也是分为带内核和不带内核两种情形。1带内核的径向渐变，这里以moz为例，其它内核语法一样。(带有内核）径向渐变语法：-moz-radial-gradient(原点位置,形状+半径,颜色位置,颜色位置);示例：-moz-radial-gradient(center,circle,white10%,black50
分针网·2020-09-14 03:37

CSS3动画animation认识和Animate.css的使用

CSS动画可以取代js动画在移动端会更加流畅！下面是一个的绘制太阳系各大行星运行轨迹笔记，可以自学参考！首先我们需要创建一个@keyframes规则@keyframesname{from{width:1px}to{width:100px}}//或者使用百分比@keyframesname{0%{width:1px}100{width:100px}}创建好之后，我们需要在css选择器里引用我们写的规则
风神修罗使·2020-09-14 03:33

PNG格式小图标的CSS任意颜色赋色技术

原理其实很简单，使用了CSS3滤镜filter中的drop-shadow，drop-shadow滤镜可以给元素或图片非透明区域添加投影。
stone0319·2020-09-14 02:52

PC端“王者荣耀”页面，【姐妹情缘 今生再续~~~~】

都是HTMLCSS有一些css3新样式，非常基础喔。
飞上蓝天！·2020-09-14 02:09

css样式问题综合

Html1.html转义字符转换字串中的字符.字符实体名称实体数字描述2.Html--Abbr标签：Css3:3.文本问题：(1).writing-mode将页面默认的水平流改成了垂直流(2).设置多行文本省略号显示
小僵尸喵喵喵·2020-09-14 02:13

【css】浏览器私有属性前缀使用详解

什么是浏览器私有属性前缀CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。
KarmaDeng·2020-09-14 01:40

Duilib嵌入Cef流程

CEF3不仅开源，而且跨平台，框架的开发者也在不断的更新，英文资料也较丰富，对Html5,Css3等支持也很好。目前CEF3被全球很多的公司使用，国内使用该
仙踪探寻·2020-09-14 01:20

蓝旭工作室讨论班：前端第一讲——HTML基础

因此前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在最新的高级版本HTML5、CSS3
一只大喵喵·2020-09-14 00:28

实用简单的css3动画效果插件animate.css学习记录

实用简单的css3动画效果插件animate.css学习记录被同事种草了一款css3动画插件，非常简单且实用。还没用过的小伙伴赶紧点击官网尝试一下,10分钟就能学会还在等什么!
我要当极客·2020-09-13 23:58

css3动画简介以及动画库animate.css的使用

过渡动画第一种叫过渡（transition）动画，就是从初始状态过渡到结束状态这个过程中所产生的动画。所谓的状态就是指大小、位置、颜色、变形（transform）等等这些属性。css过渡只能定义首和尾两个状态，所以是最简单的一种动画。要想使一个元素产生过渡动画，首先要在这个元素上用transition属性定义动画的各种参数。可定义的参数有transition-property：规定对哪个属性进行过
岁末Zzz·2020-09-13 23:25

CSS3动画效果-animate.css

animate.css是提供炫酷，有趣，跨浏览器css3动画的网站，你可以在高级项目中使用这些效果，为高级浏览器用户提供更好的交互体验。动画效果包括强调突出，滑块，淡入淡出，放大缩小等等。
weixin_34018169·2020-09-13 23:47
上一页 131 132 133 134 135 136 137 138 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他