利用@media screen实现网页布局的自适应优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值1280分辨率以上(大于1200px) @media screen and (min-width:1200px){ #page{ width: 1100p…
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Canvas制作圆形进度条Loading效果 - 【开优网络】</title><style>/*框架预览 CSS*/* { margin: 0; padding: 0; }body {...
.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>...
网页用常用的ico小图标 用CSS3 使其 鼠标移上去时旋转 <a href="#"><img src="images/tubiao.jpg" /> 标题题标题题标题题标题题标题题标题题标题题</a><style type="text/css"> img ...
<ul class="lb_select"><li><a><img width="199" height="74" alt="JMC" src="images/76fcd5f83f8e.jpg"></a></li><li><a><img ...