E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
css3水平居中
CSS3
新增了哪些选择器?(属性、结构伪类、伪元素选择器)
在
css3
提供的新选择器之前,选择一个元素需要借助id或者class,
css3
新增的选择器可以更灵活的去选择需要的元素,那
css3
提供了哪些好用的选择器呢?
一颗冰淇淋
·
2024-02-12 19:47
Lan分享岗位信息(前端)
前端专家/Leader1、负责蚂蜂窝旅游电商平台业务线相关产品的前端开发工作,为用户提供更好的前端体验,提供前端解决方案2、为团队积累和分享最佳开发实践/流程和工具任职资格:1、精通前端技术(HTML5/
CSS3
TonyLan
·
2024-02-12 15:06
垂直居中&
水平居中
&垂直
水平居中
垂直居中行内单行行内设置子元素line-height(行高)等于父盒子高度.box{height:300px;width:300px;background:#FF6666;}a{line-height:300px;}111!!!注意:行内元素没有属性width和height还有margin-top和margin-bottom对内联元素(行内元素)的高度没有影响,并且由于margin是透明的,他也没
越努力越进步越开心越自信
·
2024-02-12 12:15
分享66个时间日期JS特效,总有一款适合您
html5带日期和动画场景的天气预报特效24小时在线时钟表盘特效
css3
罗马数字
记忆的小河
·
2024-02-12 12:42
javascript
【布局技巧】Flex 布局下居中溢出滚动截断问题
在页面布局中,我们经常会遇到/使用这么一类常见的布局,也就是列表内容
水平居中
于容器中,像是这样:ul{width:500px;display:flex;flex-direction:row;flex-wrap
·
2024-02-12 10:36
CSS的水平垂直居中
一、
水平居中
内联:爸爸身上写text-align:center;实现:我是内联元素我需要
水平居中
.el{border:1pxsolidred;width:20px;height:20px;}.wrapper
凉城十月
·
2024-02-12 08:16
CSS3
知识汇总6:盒阴影box-shadow
【外部阴影:阴影在盒子外】1)两个长度参数:表示阴影在水平方向和垂直方向的偏移量,偏移量是按相对元素左上角计算的,若水平值和垂直值均为正,则阴影在元素的右下方div{margin:20px;float:left;}.div1{width:10em;height:6.5em;border:1pxsolidblack;background-color:white;box-shadow:1em1emgr
0清婉0
·
2024-02-12 08:55
css3
实现三角形(上下左右)【转载】
https://blog.csdn.net/qq_34382449/article/details/812346531.向上.kailong{width:0;height:0;border-right:50pxsolidtransparent;border-left:50pxsolidtransparent;border-bottom:50pxsolidred;}2.向下.kailong{widt
不负好时光
·
2024-02-12 02:12
CSS3
animation动画
1.
CSS3
animation动画1,@keyframes定义关键帧动画2,animation-name动画名称3,animation-duration动画时间4,animation-timing-function
小小杨_a1a6
·
2024-02-12 01:49
2d蒙版效果
主要应用了
css3
的动画效果和定位*{margin:0;padding:0;}.box{width:200px;height:200px;position:relative;}.b1{width:200px
酒暖花深Q
·
2024-02-11 22:30
前端必学 40个精选案例实战 一课吃透HTML5+
CSS3
+JS(51资源社)
前端必学40个精选案例实战一课吃透HTML5+
CSS3
+JS(51资源社)//xia仔k:百度网盘HTML5、
CSS3
和JavaScript是构建现代网页的三大核心技术。
·
2024-02-11 18:07
html5
cordova安装android平台,Android集成Cordova
允许你用标准的web技术-HTML5,
CSS3
和JavaScript做跨平台开发。
史遇春
·
2024-02-11 17:07
11月22日笔记
Css3
弹性盒子弹性盒子由弹性容
2301_81054073
·
2024-02-11 12:30
笔记
css(
css3
)面试笔试题
关于link与@import的区别:区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。区别4:link支持使用Javasc
つwonderバ
·
2024-02-11 12:58
css
css3
html5
响应式网页与媒体查询
什么是响应式网页同一个网页在不同的设备上显示的形式不太一样,称为响应式网页(比如有些网页在pc、pad、手机上,显示布局、样式不一样)响应式网页需要获取当前浏览器的宽度,可以通过JavaScript(当前未学)或者通过
CSS3
七分之二十四
·
2024-02-11 12:09
03-HTML5&
CSS3
课程目标:HTML5新标签与特性新增表单属性多媒体标签熟练掌握
CSS3
选择器熟练掌握
CSS3
过渡熟练掌握
CSS3
转换熟练掌握
CSS3
动画熟练掌握
CSS3
布局文档类型设定documentHTML5sublime
璐璐熙可
·
2024-02-11 11:27
精灵图,字体图标,
CSS3
三角
精灵图1.1为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁的接受和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。因此,为了有效地减少服务器接受和发送请求的次数,提高页面的加载速度,出现了CSS精灵技术(也称CSSSprites、CSS雪碧)。核心原理:将网页中的一些小背景图像整合到一张大图中,这样服务器只需要一次请求就可以了。
neoxyf2005
·
2024-02-11 08:31
前端
html(入门)CSS浏览器前缀
浏览器样式前缀为了让
CSS3
样式兼容,需要将某些样式加上浏览器前缀:-ms-兼容IE浏览器-moz-兼容firefox-o-兼容opera-webkit-兼容chrome和safari比如:div{-ms-transform
我本无常
·
2024-02-11 08:38
2019-07-10
HTML5、
CSS3
和JavaScript语言,以及Jquery。3.HTML5、
CSS3
和JavaScript语言,以及Jquery之间的关系?
袁小胜
·
2024-02-11 06:50
CSS3
基本语法
CSS3
基本语法1.
CSS3
新增长度单位rem根元素字体大小的倍数,只与根元素字体大小有关。vw视口宽度的百分之多少10vw就是视口宽度的10%。vh视口高度的百分之多少10vh就是视口高度的10%。
Muko_0x7d2
·
2024-02-11 01:28
前端开发
css3
前端
CSS 2D转换 3D动画 3D转换
目录2D转换(transform):移动translate:旋转rotate:缩放scale:
CSS3
动画(transform):动画常用的属性:将长图片利用盒子实现动画的效果:3D转换:透视perspective
爱踢粪球的虫
·
2024-02-11 01:58
css
前端
CSS3
简介
CSS3
简介1.
CSS3
概述
CSS3
是CSS2的升级版本,它在CSS2的基础上,新增了很多强大的新功能,从而解决一些实际面临的问题。
Muko_0x7d2
·
2024-02-11 01:57
前端开发
css3
用Flex3修改IOS app
flexflex有如下两个概念:2009年,W3C组织在
CSS3
中提出了flex概念,用于网页布局,以解决传统的盒式布局无法应对多终端,多分辨率的情况。
纵情山野的小书童
·
2024-02-10 23:12
CSS--移动端布局
基本概念背景:因为手机的尺寸和屏幕的像素越来越大,导致我们响应式布局很难保证网页能够100%适配主流的屏幕概念:使用
css3
的单位以及弹性布局等技术来实现移动端布局。
每天都要进步哦
·
2024-02-10 23:11
前端开发
css
前端
css
代码规范(注意)
1、页面布局代码标准,css、js文件样式统一外链的形式;2、css样式重置,分类形式,公用样式放在base.css,常见的样式放在common.
css3
、文件目录:(1)存放其他图片文件命名规范:images
依耳私语
·
2024-02-10 23:03
CSS3
新特性(新增盒子模型、新增背景属性、新增边框、新增文本)
新增盒子模型box-sizingbox-sizing:content-box;默认值box-sizing:border-box;盒子的计算方式被修改,包含了边框与re盒子尺寸:resize值:none:不允许用户调整元素大小。(默认)both:用户可以调节元素的宽度和高度。horizontal:用户可以调节元素的宽度。vertical:用户可以调节元素的高度。盒子阴影:box-shadow:h-s
半夜删你代码·
·
2024-02-10 19:12
前端
CSS笔记(二) - 页面布局 盒子模型
边框2.3.1概念2.3.2表格的细线边框2.3.3边框对盒子模型的影响2.4内边距padding2.4.1概念2.4.2内边距和盒子大小的关系2.4外边距margin2.4.1外边距典型应用-块级元素
水平居中
且.为.乐
·
2024-02-10 19:11
#
CSS
css
html
css3
电子相册特效
2、
CSS3
使用了属性box-sha
weixin_34163741
·
2024-02-10 18:18
javascript
前端
ViewUI
JS特效:相册变换
嗯就是这样一个例子,视频学到的一个特效,实际用处并不大,但是可以帮助理解JS语言和熟悉
CSS3
样式。
Lawliet_ZMZ
·
2024-02-10 18:48
JavaScript
CSS&CSS3
前端&项目
前端之路
box-sizing
box-sizing是
CSS3
的box属性之一,遵循css的盒模型(Boxmodel)原理css的盒模型(Boxmodel)分为两种,第一种是W3C的标准模型,另一种是IE的传统模型他们都是对元素计算尺寸的模型
张鸽
·
2024-02-10 16:14
前端小白之div+
css3
绘制可爱的大白
大白html代码;html
css3
代码这里只有一部分代码实在有点长《偷笑偷笑》如果想要代码的话私信一下我立刻给你发过去主要知识点:熟悉掌握
css3
前端毛毛
·
2024-02-10 14:18
从浏览器渲染层面解析
css3
动效优化原理
我们经常会需要实现一些动效来让页面视觉效果更好,谈及动效便不可避免地会想到动效性能优化这个话题:减少页面DOM操作,可以使用CSS实现的动效不多出一行js代码使用绝对定位脱离让DOM脱离文档流,减少页面的重排(relayout)使用
CSS3
3D
凹凸实验室
·
2024-02-10 05:31
CSS综合案例-新闻页面
CSS综合案例-新闻页面CSS综合案例-新闻页面body{font:16px/28px'MicrosoftYahei'}h1{/*文字不加粗*/font-weight:400;/*让h1里面的文字
水平居中
对齐
WangZhang_521
·
2024-02-10 03:38
CSS
css
前端
》》
css3
--动画
功能特权-QQ登录*{margin:0;padding:0;}a{text-decoration:none;}header{width:100%;height:90px;background-color:#fff;font-size:0;}body{font-family:"微软雅黑";position:relative;}.fixedlogo{position:fixed;top:90px;ri
weixin_33690367
·
2024-02-09 23:13
5g
ux
ui
2024年 复习 HTML5+
CSS3
+移动web 笔记 之CSS遍
目录1.0CSS第一天基础选择器、文字控制属性1.1引入方式1.2选择器1.3画盒子1.4文字控制1.5综合案例一新闻详情2.0CSS第二天2.1复合选择器2.2伪类选择器2.3CSS特性2.4Emmet写法2.5背景属性2.6显示模式2.6综合案例一热词(设计稿?)2.7综合案例一banner效果(设计稿?)3.0CSS第三天选择器、PxCook软件、盒子模型3.1结构伪类选择器3.2伪元素选择
PieroPc
·
2024-02-09 22:15
前端
css
html5
2024年 复习 HTML5+
CSS3
+移动web 笔记 之CSS遍 第6天
6.1定位-相对和绝对和固定6.2相对和绝对和固定6.3堆叠顺序z-index6.4定位总结6.5CSS精灵基本使用6.6案例CSS精灵京东服务6.7字体图标-下载和使用6.8字体图标-上传6.9垂直对齐方式vertical-align6.10过渡属性6.11修饰属性-透明度与光标类型6.12综合案例-淘宝轮播图html代码:淘宝轮播图index.css代码:*{margin:0;padding:
PieroPc
·
2024-02-09 22:14
前端
css
html5
自学大数据:大数据学习线路及各阶段学习书籍
语言基础、Java流程控制、Java字符串、Java数组与类和对象、数字处理类与核心技术、I/O与反射、多线程、Swing程序与集合类(2)HTML、CSS与JavaScriptPC端网站布局、HTML5+
CSS3
yoku酱
·
2024-02-09 21:46
HTML5+
CSS3
学习与实践
标准结构文档声明字符编码设置语言标签排版标签语义化标签块级元素与行内元素文本标签图片标签超链接常用属性跳转锚点唤起指定应用列表有序列表无序列表列表嵌套自定义列表表格基本结构常用属性跨行与跨列常用标签补充表单基本结构提交按钮重置按钮禁用表单控件label标签fieldset与legend的使用(了解即可)框架标签HTML全局属性meta元信息
CSS3
CSS
技术人生-小草
·
2024-02-09 20:06
前端
学习与实践
HTML5
CSS3
【JAVA WEB】盒模型
目录边框内边距基础写法复合写法外边距基础写法复合写法块级元素的
水平居中
弹性布局设置行内元素的属性,span每一个HTML元素就相当于是一个矩形的“盒子”这个盒子由以下这几个部分构成:1.边框border2
lzb_kkk
·
2024-02-09 17:57
前端
javascript
开发语言
【web前端开发】HTML及CSS简单页面布局练习
案例一网页课程案例一网页课程课程体系实战课程案例二商品详情页案例二商品详情商品详情产品参数:产品名称:HTML5+
CSS3
网页设计 ISBN编号:9787302480723 
爱写代码的July
·
2024-02-09 17:22
web前端开发
前端
html
javascript
通过vue来添加动画和修改@keyframes属性值
CSS3
中增加了@keyframes规则用于创建动画,创建动画的原理是,将一套CSS样式逐渐变化为另一套样式。也就是说通过改变CSS样式而达到动画的效果,所以,要动态去改变动画,只有修改样式。
得知此事须躬行
·
2024-02-09 11:52
前端开发
vue
js
动画
vue.js
javascript
前端工程-学习路线-提纲
自我提升计划,持续更新就业第二年的夏天,深圳,此时薪资10k├─html5│└─语义标签├─
css3
│├─csshack│├─文字│├─布局│├─shapes布局(环绕效果)│├─动画│└─iconfont
陈程城
·
2024-02-09 10:46
含文档+PPT+源码等]精品基于PHP实现的好物优购商城|电商小程序[包运行成功]计算机PHP毕设微信小程序项目源码
配套开发软件、软件安装教程、项目发布教程等软件开发环境及开发工具:操作系统:Windows10、Windows7、Windows8开发语言:php前端技术:JavaScript、VUE.js(2.X)、
css3
IT实战营
·
2024-02-09 08:46
NET毕设项目源代码
小程序
php
微信小程序
[精品毕设]微信小程序网上商城|电商+后台管理系统|前后分离VUE
做的后台管理系统,该后台采用前后台前后分离的形式使用Java+VUE微信小程序——前台涉及技术:WXML和WXSS、JavaScript、uniappJava——后台涉及技术:前端使用技术:HTML5,
CSS3
IT实践课堂
·
2024-02-09 08:46
毕业设计
Java
微信小程序
课程设计
微信小程序
vue.js
java
前端
01、
CSS3
-选择器
一、属性选择器Element[attr]只使用属性名,但没有确定任何属性值p[cxy]{background:red;color:white;}Element[type="text"]指定属性名,并指定了该属性的属性值p[cxy=html]{background:red;color:white;}p[cxy='css']{background:red;color:white;}Element[at
王梓懿_1fbc
·
2024-02-09 07:34
JQuery学习一
二、属性和内容2.1.jQuery选择器2.2.attr()方法2.3.text()方法2.4.val()方法2.5.小结2.6.添加内容三、操作
CSS3
.1.addClass()方法3.2.removeClass
星石传说
·
2024-02-09 07:26
python篇
jquery
学习
前端
css 2D动画
1.过渡-transition复合属性:transition取值all5slinear3s含义:
css3
的transition允许css的属性在一定的时间区间内平滑的过渡。
Ezr-
·
2024-02-09 02:23
css
动画
javascript
CSS3
的2D动画属性
提示:以下是本篇文章正文内容,下面案例可供参考一、2D转换转换是
CSS3
中
super码力
·
2024-02-09 02:22
#
HTML和CSS学习笔记
css3
动画
css
CSS3
中2D转换(干货笔记)
CSS3
转换可以对元素进行移动、缩放、转动、拉长或拉伸。
IT小庄同学
·
2024-02-09 02:52
css3
css
前端
web学习
CSS3
:文本样式
1.标签设置字体(已废弃)CSS层叠样式2.文字样式属性2.1font-family1232.2font-size文字大小绝对单位相对单位2.2.1px(手机端一般不使用px)分辨率越低越大p{font-size:50px;}文字大小px,受显示器分辨率影响2.2.2larger和smaller.larger{font-size:larger;}.smaller{font-size:smaller
TDB
·
2024-02-09 01:21
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他