CSS3)

网站优化方案总结

分为两类:性能优化和体验优化一.性能优化:1.静态资源托管;2.图片合并;3.图片压缩;4.js合并;5.css合并;6.少操纵DOM元素;(浏览器渲染原理,可选)7.少用递归;8.css3开启3d;二
庚中·2020-09-15 03:10

视频教程-Python框架Djanggo从入门到实战教程(企业级项目实战）-Python

Python框架Djanggo从入门到实战教程(企业级项目实战）多年web开发经验，精通HTML、CSS、JavaScript、HTML5、CSS3等Web前端开发技术，技术纯熟，项目经验丰富。
学院导师-张环宇·2020-09-15 03:47

设置双核浏览器的浏览模式

今天上知乎看到有人在上邀请我回答这样一个问题：如果访问的页面中有CSS3代码，双核浏览器会自动切换到Webkit内核吗？我的第一反应是：不会。
五天零一夜·2020-09-15 03:01

CSS3自定义滚动条样式

原文地址：→传送门写在前面滚动条是个很常见的东东，不过某些浏览器自带的滚动条确实不太好看啊，下面可以作为学习，探讨下自定义滚动条的实现，这样你的滚动条就可以美美的啦。但是，也只能玩玩，因为只针对webkit内核的浏览器啊啊啊啊啊！overflow介绍定义：overflow属性指定当它溢出其块级容器时,是否剪辑内容，渲染滚动条或显示内容。属性值overflow:visible//默认值。内容不会被修
爱吃面包的兰兰·2020-09-15 01:48

HTML5系列文章【2】 CSS3概述、语法、各种选择器

最近花了一段时间学习了HTML5相关知识，不得不说，HTML的标签及属性等等实在是太多了，如果不经常练习的话，很难做到信手拈来。我们知道HTML负责显示内容，而CSS则负责样式的定义，上篇博文介绍了HTML的一些基本标签及属性，所以今天主要介绍的是HTML5的另一个非常重要的知识点，也就是今天的主角CSS1、CSS概述及作用为html元素去定义样式，能够实现内容与表现相分离，提高程序的可重用性和可
风一样的男人zzz·2020-09-14 23:19

js+css3实现一个环形进度条插件

进度条用多了，有没有想过环形的呢，说实在的，虽然css3提供了很强大的动画功能，包括各种旋转，直线运动，然而，并没有曲线运动，那么只好综合运用已有的功能进行实现，这里用到的比较多的就是旋转，先看下面的这几段代码
小敏哥·2020-09-14 23:48

CSS3属性（过渡，2D变换，3D变换，动画）

CSS3属性（过渡，2D变换，3D变换，动画）在CSS3中，我们如果不使用JS代码，或者flash动画，想要实现元素从A状态变成B状态，并且中间的过程可以被观察到，那么可以使用过渡属性：transitionttransiton-timing-function
似曾～相识·2020-09-14 23:58

学习总结：浏览器兼容性、渐变、过渡、css3中的2d变形

css3属性:预览版，还没有一个正式的最终版，多以有很多的兼容性问题，浏览器不识别浏览器为了使这些浏览器兼容，每一个浏览器厂商都会提供一个专属于自己的浏览器语法规则，浏览器兼容前缀主流浏览器：谷歌火狐苹果欧朋
Rainbow~小二·2020-09-14 23:41

css3 2D变形 笔记（详细）

2D变形transform：变形transform的属性旋转：rotate()旋转正方形：顺时针；单位：deg（旋转的度数）transform:rotate(30deg);缩放：scale（）放大：属性值1-无穷不书写单位缩小：0-1不书写单位transform:scale(1.3);斜切：skew（）第一个参数：水平方向斜切第二个参数：垂直方向斜切单位deg，用逗号隔开两个参数transform
_change____________·2020-09-14 23:30

CSS3弹性盒子详解

什么是弹性盒子弹性盒子是CSS3的一种新的布局模式。CSS3弹性盒（FlexibleBox或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。
自律-长路漫漫·2020-09-14 23:58

css3 2D变形（transform）移动、缩放、旋转、倾斜

一.translate(x,y)或者translateX(x)或者translateY(y)注意点：translateX(x)和translateY(y)大写X和Y；只写一个值，默认y=0。div{width:200px;height:200px;background:rgb(185,24,24);transition:all1s;}div:hover{transform:translate(10
weixin_30284355·2020-09-14 23:58

CSS3_04_弹性盒子_多媒体

CSS3弹性盒子(FlexBox)弹性盒子是CSS3的一种全新的布局模式。
pre_eminent·2020-09-14 23:33

CSS3特效页面设计

CSS3特效页面设计页面结构参考资料2d转换效果CSS3过度效果导航栏派生选择符伪类使用代码实现页面结构参考资料2d转换效果div{margin:30px;width:300px;height:200px
少年白马·2020-09-14 23:31

checkbox选中背景色改变（checkbox美化）

纯CSS3实现自定义美化复选框和单选框在线演示.my-check-.my-check-label{display:inline;}.regular-checkbox{display:none;}.regular-checkbox
yakunyang（2016）·2020-09-14 23:29

CSS之 z-index 属性

1background~border2负z-index3block盒子4float浮动盒子5inline/inline-block盒子6z-index:auto/z-index:07正z-index特性支持负值支持CSS3
前端爱好者。·2020-09-14 23:18

css3光影闪过效果

.lightbox{width:7rem;height:7rem;overflow:hidden;}/*光影划过效果*/.guangshu{display:block;position:relative;width:100%;height:100%;margin:0auto;}.guangshu:before{content:"";position:absolute;width:2.5rem;he
酷jjs·2020-09-14 22:31

Html5和Html简介

一、互联网发展的三个阶段：1.Web1.0,主流技术HTML和CSS2.Web2.0,Ajax应用，热门技术JavaScript/DOM/异步数据请求3.HTML5+CSS3技术二、相关组织：1.WHATWG
星旅zl·2020-09-14 22:28

前端用css3使用:before和:after伪类元素实现loading效果,旋转的圆动画

css3部分/*旋转loading*/b:not(:required){border-right-color:transparent;border-radius:1.7rem;box-sizing:border-box
木子李10·2020-09-14 22:49

css3动画——2d动画，过渡动画

css3的动画分类：2d动画，3d动画，2d转3d，过渡动画和帧动画《一》2d转换:transfrom转换可以可以对元素进行移动、缩放、转动、拉长或拉伸。
fanfan_h·2020-09-14 22:13

css3 选择器的兼容性_CSS选择器的局限性

css3选择器的兼容性AgreatdealcanbeaccomplishedwithpureCSS,butthepowerofthesyntaxislimitedbyitsinabilitytoaffectcertainelements.UnderstandingthoselimitationsisthefirststeptodeterminingwhetheraCSS-only
cungui5726·2020-09-14 22:22

纯css3实现的圆形进度条

.spinner{/*半透明蓝色的圆弧，形成进度条的背景，透明的半圆弧和蓝色的半圆弧交替旋转构成进度条*/font-size:20px;width:1em;height:1em;border-radius:50%;box-shadow:inset000.1emrgba(58,168,237,.2);}.spinneri{/*创造了一个透明矩形的一半*/position:absolute;width
cwzhsi·2020-09-14 22:22

html5简介_HTML5简介

html5简介Thefollowingisanextractfromourbook,HTML5&CSS3fortheRealWorld,2ndEdition,writtenbyAlexisGoldstein
culh2177·2020-09-14 22:21

css3 常见兼容性样式

引言由于各浏览器制造商遵寻各自不同的规则，使得浏览器渲染的差异性，并且个浏览器对CSS3的支持度不同，引发出页面渲染的兼容性问题。
蔚蓝蒲公英·2020-09-14 22:56

T-Bootstrap-day01-响应式、bootstrap

文章目录Bootstrap一.响应式(css32010提出的技术，boot做了简化)二.BootStrapBootstraphttps://www.bootcss.com/一.响应式(css32010提出的技术
Mr_JinChang·2020-09-14 22:12

CSS3-2D及3D效果以及过渡

CSS转动2D效果概念：通过CSS3中的属性，我们能够对元素进行移动、缩放、转动、拉长或拉伸。实现2D或3D效果。使用transform属性来实现，该属性的值是几个函数。
Marvel__Dead·2020-09-14 22:40

CSS3实现圆形进度条（附源码）

CSS3实现圆形进度条原理最外的正方形容器内，左右两个矩形div各占一半，设置超出隐藏。左右矩形内分别有一个方形div，设置边框圆角，一半边框绿色（表示进度），形成半圆环。
Irene1991·2020-09-14 22:59

css3 弹性布局和多列布局

弹性盒子基础弹性盒子(FlexibleBox)是css3中盒子模型的弹性布局，在传统的布局方式上增加了很多灵活性。
Faremax·2020-09-14 22:53

CSS3概述、选择器、兼容性、样式

一、css3简介1.什么是css3CSS用于控制网页的样式和布局CSS3是最新的CSS标准CSS3是CSS2的升级版2.css3的功能选择器盒模型背景和边框文字特效2D/3D转换动画多列布局用户界面二、
weixin_48846877·2020-09-14 22:25

css32D、3D、动画、过渡

一、css3里面的2D.box{margin:250pxauto;width:200px;height:200px;border:1pxsolid#000;/*设置2D转化translate(x,y)可以分开写
weixin_48846877·2020-09-14 22:54

css3弹性盒子、媒体查询、多列布局

css3一、弹性盒子*{margin:0;padding:0;}html,body{height:100%;}.box{height:100%;display:flex;flex-direction:column
weixin_48846877·2020-09-14 22:54

【CSS3】flex-shrink属性演示

【传送门：阮一峰-Flex布局教程：语法篇】相关文章：1.【flex-grow】属性演示2.【flex-shrink】属性演示3.【flex-basis】属性演示4.【flex】属性演示/*reset.css*/*{padding:0;margin:0;}.bg{position:absolute;min-width:100%;min-height:100%;background-color:#b
走馬勿观花·2020-09-14 21:20

【CSS3】flex属性演示

【传送门：阮一峰-Flex布局教程：语法篇】相关文章：1.【flex-grow】属性演示2.【flex-shrink】属性演示3.【flex-basis】属性演示4.【flex】属性演示body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,p,a,input,form,textarea{padding:0;margin:0;font-family:'MicrosoftY
走馬勿观花·2020-09-14 21:20

【CSS3】flex-basis属性演示

【传送门：阮一峰-Flex布局教程：语法篇】相关文章：1.【flex-grow】属性演示2.【flex-shrink】属性演示3.【flex-basis】属性演示4.【flex】属性演示body{padding:0;margin:0;}.bg{position:absolute;min-width:100%;min-height:100%;background-color:rgb(210,253,
走馬勿观花·2020-09-14 21:20

【CSS3】flex-grow属性演示

【传送门：阮一峰-Flex布局教程：语法篇】相关文章：1.【flex-grow】属性演示2.【flex-shrink】属性演示3.【flex-basis】属性演示4.【flex】属性演示/*reset.css*/*{padding:0;margin:0;}.bg{position:absolute;min-width:100%;min-height:100%;background-color:#b
走馬勿观花·2020-09-14 21:19

CSS3 writing-mode 控制字体竖直显示

2019独角兽企业重金招聘Python工程师标准>>>语法：writing-mode:horizontal-tb|vertical-rl|vertical-lr|lr-tb(ie)|tb-rl(ie)默认值：normal适用于：除table-row-group,table-column-group,table-row,table-column之外的所有元素继承性：有动画性：否计算值：特定性取值：h
weixin_34391445·2020-09-14 21:26

css:writing-mode属性

writing-mode属性实现文字垂直排版下面是css3语法：1/*关键字值*/2writing-mode:horizontal-tb;/*默认值*/3writing-mode:vertical-rl
weixin_34323858·2020-09-14 21:21

writing-mode改变文字书写方式

古代书写方式都是垂直方向上的，如果要实现这种效果的话，还是挺麻烦的，不过现在CSS3有一个"writing-mode"属性，它可以改变文字的书写方式。
weixin_34109408·2020-09-14 20:02

css3中的writing-mode学习记录

css3中的writing-mode学习记录浏览网页时发现看到css3中的writing-mode。以前从来没有用过。所以在此记录一下，供以后参考。
55145848·2020-09-14 20:10

css3 竖排显示

Document.vertical{/*Safari*/-webkit-transform:rotate(90deg);/*Firefox*/-moz-transform:rotate(90deg);/*IE*/-ms-transform:rotate(90deg);/*Opera*/-o-transform:rotate(90deg);width:300px;height:1000px;任我行B
燃木刀法·2020-09-14 20:41

零基础学习Web开发(14)——button标签

/ilovefishc.com/html5/html5速查手册：https://man.ilovefishc.com/html5/css速查手册：https://man.ilovefishc.com/css3
Dragon水魅·2020-09-14 20:53

零基础学习Web开发(13)——table标签（下）

/ilovefishc.com/html5/html5速查手册：https://man.ilovefishc.com/html5/css速查手册：https://man.ilovefishc.com/css3
Dragon水魅·2020-09-14 20:52

零基础学习Web开发(12)——table标签（上）

/ilovefishc.com/html5/html5速查手册：https://man.ilovefishc.com/html5/css速查手册：https://man.ilovefishc.com/css3
Dragon水魅·2020-09-14 20:52

writing-mode排版属性

区分IE浏览器和非IE浏览器写法（常用）：非IE浏览器，CSS3规范：①水平方向，从左到右（默认）：writing-mode:horizontal-tb;>②垂直方向，从左到右：writing-mode
走馬勿观花·2020-09-14 17:56

writing-mode属性

writing-mode属性最初只是ie中的属性，只有ie支持，现在在css3中谷歌，火狐也开始支持。
weixin_30387663·2020-09-14 17:07

writing-mode属性（div 文字竖排 纵向排版）

writing-mode属性最初只是ie中的属性，只有ie支持，现在在css3中谷歌，火狐也开始支持。
DDZhuALAY·2020-09-14 17:14

PC端各浏览器布局兼容问题【Chrome、Firefox、IE】——长期更新

：CSS中添加如下代码main,nav,header,footer,section,article,aside,dialog,figure,menu{display:block;}3、文字排列方向1）CSS3
Vivian_jay·2020-09-14 17:08

CSS3 属性选择器、结构伪类选择器、伪元素选择器详细讲解

属性选择器属性选择器可以根据元素特定属性来选择元素。选择符说明E[att]选择具有att属性的E元素E[att=“val”]选择具有att属性且属性值等于val的E元素E[att^=“val”]匹配具有att属性且属性值以val开头的E元素E[att$=“val”]匹配具有att属性且属性值以val结尾的E元素E[att*=“val”]匹配具有att属性且属性值中含有val的E元素类选择器、伪类选
Foreverの彬爷·2020-09-14 16:07

CSS3 transition动画

1、transition-property设置过渡的属性，比如：widthheightbackground-color2、transition-duration设置过渡的时间，比如：1s500ms3、transition-timing-function设置过渡的运动方式linear匀速ease开始和结束慢速ease-in开始是慢速ease-out结束时慢速ease-in-out开始和结束时慢速cu
冷暖自知····2020-09-14 16:13

css3 圆角 阴影 rgba运动曲线

css3圆角设置某一个角的圆角，比如设置左上角的圆角：border-top-left-radius:30px60px;同时分别设置四个角：border-radius:30px60px120px150px
冷暖自知····2020-09-14 16:12

Vue技术栈开发SPA版QQ音乐

QQ音乐webapp是基于vue2，vuex，vue-router，axios和flexiblebox布局与及css3的transform，animation，transition开发。
weixin_34290000·2020-09-14 16:50
上一页 130 131 132 133 134 135 136 137 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他