51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#cSS3
01.Web大前端时代之:HTML5+CSS3入门系列~初识HTML5
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html文档申明<!--文档类型申明,html代表是html5的文档类型--><!DOCTYPEhtml>字符编码(UTF-8)<!--字符编码,chars...
代码星球
·
2021-02-23
01.Web
前端
代之
HTML5+CSS3
入门
Web大前端时代之:HTML5+CSS3入门系列
准备来一波新技术,待续。。。。 /Old:联系源码:https://github.com/dunitian/LoTHTML5文档下载:https://github.com/dunitian/LoTDotNet/思维导图(不断更新):图片:http://dnt.dkill.net/DNT/HTML5/index...
代码星球
·
2021-02-23
Web
前端
代之
HTML5+CSS3
入门
6种css3 transform图片悬停动态效果
html骨架代码<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><!--<metaname="viewport"content="width=device-width,initial-...
代码星球
·
2021-02-23
6种
css3
transform
图片
悬停
CSS3的calc在Less文件中不起作用
https://www.jianshu.com/p/51456dabd069...
代码星球
·
2021-02-22
CSS3
calc
Less
文件
不起作用
CSS3 使用 calc() 计算高度 vh px
1、px 像素,我们在网页布局中一般都是用px。2、百分比 百分比一般宽泛的讲是相对于父元素,自适应网页布局越来越多,百分比也经常用到了。3、Viewport viewport:可视窗口,也就是浏览器。 vwViewport宽度,1...
代码星球
·
2021-02-22
CSS3
使用
calc
计算
高度
CSS3选择非first-child第一个子元素
有时候我们需要用CSS选择非第一个子元素,例如下面这样的HTML,希望让两个span之间间隔一定的距离,但又不希望简单的给每个span设置margin-right(会导致最后一个span也有margin-right,可能影响之后元素的排版)。这时如果能排除第一个元素,并给其他元素设置margin-left属性,就能实现...
代码星球
·
2021-02-22
CSS3
选择
first-child
第一
个子
css3新增的content 的用法:
<-----------------------------------------------文字加在内容后面----------------------------------------------->css:a:after{ content:"我在你后面";}html:<a>12345...
代码星球
·
2021-02-20
css3
新增
content
用法
html5配合css3实现带提示文字的输入框(摆脱js)
webkit特有的一个css,可以控制里面的文字样式,配合css3的动画效果和伪类,我们就可以很容易做出一个带动画的输入框,在系统登录、搜索等位置很适合 Webkit作为载体开发系统,当然需要大量使用Html5与CSS3,不仅减少大量的JS还可以保证更流畅。 当选中对话框后,提示文字变浅色,输入后消...
代码星球
·
2021-02-16
html5
配合
css3
实现
提示
CSS判断不同分辨率显示不同宽度布局CSS3技术支持IE6到IE8
CSS判断不同分辨率浏览器(显示屏幕)显示不同宽度布局CSS3技术支持IE6到IE8。将用到css3@media样式进行判断,但IE9以下版本不支持CSS3技术,这里DIVCSS5给大家介绍通过JS实现低版本的浏览器也支持CSS3实现实用布局。一、实用范围描述 - TOPCSSDIV网页...
代码星球
·
2021-02-16
不同
CSS
判断
分辨率
显示
[转]CSS3 使用 calc() 计算高度 vh px
1、px 像素,我们在网页布局中一般都是用px。2、百分比 百分比一般宽泛的讲是相对于父元素,自适应网页布局越来越多,百分比也经常用到了。3、Viewport viewport:可视窗口,也就是浏览器。 &n...
代码星球
·
2021-02-16
CSS3
使用
calc
计算
高度
[转]css3自适应布局单位vw,vh你知道多少?
原文地址:https://www.cnblogs.com/luxiaoxing/p/7544375.html视口单位(Viewportunits)什么是视口? 在PC端,视口指的是在PC端,指的是浏览器的可视区域;而在移动端,它涉及3个视口:LayoutViewport(布局视口),VisualViewpor...
代码星球
·
2021-02-16
css3
适应
布局
单位
vw
【转】如何建立一个样式新颖的CSS3搜索框
在线演示搜索框大概是web开发中最常用的UI元素之一,我想基本没有必要去介绍如何使用它。无论是网站还是web应用,都会为了增强用户体验而添加它,那么你是不是也想过设计一个别致的搜索框?在今天的文章中,大家将会学到如何使用伪元素来创建一个超酷的CSS3搜索框。当然在开始介绍前你也可以下载源代码或者查看在线演示。HTML举...
代码星球
·
2021-02-15
如何
建立
一个
样式
新颖
CSS3新特性
1.对于CSS3新特性,支持 淘宝手机端页面:1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8"/>5<title>淘宝</title>6<metaname="viewp...
代码星球
·
2021-02-14
CSS3
新特性
特性
CSS3 calc()函数使用
1、calc是什么?calc是英文单词calculate(计算)的缩写,用于动态计算长度值。calc()函数支持"+","-","*","/"运算;+和 -运算符的两边必须始终要有空白符。比如 calc(50%-8px)会被解析成为一个无效的表达式:一个百分比后跟一个负数长度值。而calc(8px+...
代码星球
·
2021-02-14
CSS3
calc
函数
使用
CSS3 选择器浏览器兼容性汇总 IE8
1、css选择器css(包括css1、css2和css3)有哪些选择器?http://www.w3school.com.cn/cssref/css_selectors.asp 2、CSS3选择器因为CSS1和CSS2选择器浏览器兼容性很好,因此本文主要讲解CSS3选择器,CSS3选择器一共有21个,他们为:3...
代码星球
·
2021-02-14
CSS3
选择器
浏览器
兼容性
汇总
首页
上一页
1
2
3
4
5
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他