<!doctype html><html><head><meta charset="utf-8"><title>CSS3镜像文字导航菜单动画特效 - 开优网络</title><style>html, body{padding:0px;margin:0px;font-family: 'Raleway', sans-ser...
CSS代码:/*图片划过改变图片大小效果*/.list ul li { width: 228px; height: 270px; overflow: hidden; z-index: 1; position:relative;}.list ul li a {}.list ul li a img { width: 228px; height: 270px; position: relative; -webkit-transition:al...
<!doctype html><html><head><meta charset="utf-8"><title>css3旋转加载效果</title><style>body {background: #263238;background-size: cover;margin: 0;padding-top: 5em;padding-bot...
<!doctype html><html><head><meta charset="utf-8"><title>js+css3右上角圆形菜单特效 - 开优网络</title><style>html, body {height: 100%;}body {background: beige;font-family: Alegreya Sa...
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>CSS3实现仿360错误提示页面代码 - 开优网络</title&...
在网站开发过程中,可能会有希望图片垂直居中的情况,而且,需要垂直居中的图片的高度也不确定,这就会给页面的布局带来一定的挑战。我总结了一下,曾经使用过的几种方法来使图片垂直居中,除了第一种方法只限于标准浏览器外,另外两种方法的兼容性还不错。方法一:将外部容器…
利用@media screen实现网页布局的自适应优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值1280分辨率以上(大于1200px) @media screen and (min-width:1200px){ #page{ width: 1100p…
.selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }说明:加上中文名“微软雅黑”是为了兼容opera。MicrosoftJhengHei为微软正黑体,STHeiti为华文黑体,MingLiu记得11px下的中文有着不凡的效果。在css中推荐使用中文字体的英文表示法,以下附常见...
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>纯CSS3制作中国联通logo图标样式 - 开优网络</title><style type="text/css">* {margin: 0;padding: 0;}html{font-size: 100%...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>...