m0_37655876
m0_37655876

HTML+CSS简单实例（一）

HTML+CSS简单实例（一）

本实例参考https://blog.csdn.net/u010871058/article/details/78511848

目的：实现简单欧莱雅网站。

  1. 代码内容：
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
/*重置，也就是清理不干净的标签*/
*{ font-size:12px; font-family:"宋体"; color:#444;margin:0 auto;}/*是共用的意思*/
body{ margin:0; background:#161616;}
a{ text-decoration:none; display:block; color:#FFF;}
img{ border:none; display:block}
ul li{list-style:none; margin:0; padding:0;}
input{ border:none;}
/**/
.headed{width:952px;height:140px;}  /*这个是块的整体高*/
.top{height:87px;overflow:hidden;}  /*这个top是指LOGO和top_nav,overflow是溢出的意思，这个就是子级溢出后父级的如何控制溢出部分？注：要把overflow加给父级*/
.top_nav{width:726px;height:87px;float:right;}/*这个是相对测评中心，视频直播等，相对logo就要向右浮动*/
.logo{float:left;}/*logo相对就要向左浮动*/ 
.top_right{width:726px;
           float:right;
           margin-left:7px;
           }
.top_right a{float:right;
             width:92px;
             height:22px;   
             color:#FFF;
             padding-top:10px;
             }
.top_right img{float:left; padding-left:18px;}
.top_right span{ color:#FFF;
                 float:right;
                 width:52px;
                 margin-top:4px;}
.top_right .man{ color:#f88c00;} 
.top_right span:hover{ color:#F93;}
.login{float:right;height:55px; padding-top:20px;width:726px;}
.login a{float:right; margin-left:5px;}

.nav{width:952px;height:102px;}
.navleft{ float:left;width:400px; }
.navleft ul{ padding-left:0; list-style:none; margin-left:0;}
.navleft li{float:left; padding-right:30px; padding-top:20px;}
.navleft a{ color:#999;}
.navright{float:right;width:525px; padding-top:20px;}
.navright a{float:right; margin-left:50px;}
.navright img{float:left;}
.buy{ color:#c0973d;}
/*产品系列展示*/
.product a{ padding-bottom:40px;}

.footer{height:154px; width:952px; margin-top:25px}
.footer_left{width:173px; height:153px;float:left; }
.footer_left input{ background:#282828; width:147px; height:24px;}
.footer_left .mail{float:right;}

.footer_middle{  float:left; width:640px;}
.footer_first {width:480px;}
.footer_first a{ float:left; width:80px; border-right:1px solid #FFF;color:#FFF;}
.footer_first span{  margin-left:14px;color:#FFF;}
.footer_vip{ float:left;}
.footer_vip a{ padding-left:15px; float:left;}
.footer_vip span{ color:#FFF;}
.footer_vip img{float:right;}

.footer_phone {width:480px; text-align: center; height:12px; padding-top:14px;} 
.footer_phone {margin-top:10px;}
.footer_copyright p{ padding-top:24px; text-align:center;}
.footer_right{ float:right;}
style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档title>
head>

<body>

<div class="headed">
       <div class="top">
              <div class="logo">
                           <img src="images/logo.png" />
              div>
              <div class="top_nav">
                           <div class="top_right">
                           <a href=""><img src="images/man.png" /><span class="man">型男手册span>a>
                           <a href=""><img src="images/sina.png" /><span>微博互动span>a>
                           <a href=""><img src="images/vidio.png" /><span>视频直播span>a>
                           <a href=""><img src="images/Evaluation.png" /><span>测评中心span>a>
                           div>
                           <div class="login">
                           <a href=""><span>注册span>a><a href=""><span>登录span>a>
                           div>
              div>
        div>
        <div class="nav">
             <div class="navleft">
               <ul> 
                   <li><a href="">护肤a>li>
                   <li><a href="">护发a>li>
                   <li><a href="">彩妆a>li>
                   <li><a href="">染发a>li>
                   <li><a href="">男士a>li>
               ul>
             div>
             <div class="navright">
                  <a href=""><img src="images/buy.png" /><span class="buy">电子商城span>a>
                  <a href=""><span>品牌故事span>a>
                  <a href=""><span>会员专区span>a>
             div>
        div>
div>

<div class="product">
      <a href=""><img src="images/youthcode.png" />a>
      <a href=""><img src="images/shine.png" />a>
      <a href=""><img src="images/pure.png" />a>
      <a href=""><img src="images/brandnew.png" />a>
      <a href=""><img src="images/brand.png" />a>
      <a href=""><img src="images/beauty.png" />a>
      <a href=""><img src="images/loreal.png" />a>
div>

<div class="footer">
      
      <div class="footer_left">  
           <input><a class="mail" href=""><img src="images/infor.png" />a>
      div>
      
      <div class="footer_middle">
           <div class="footer_first">
           <a href=""><span>联系我们span>a>
           <a href=""><span>销售网点span>a>
           <a href=""><span>网站地图span>a>
           div>
           <div class="footer_vip">
           <a href=""><span>2013年会员积分况礼span>a>
           <a href=""><span>其它国家地区和网站span><img src="images/sanjiao.png" />a>
           div>
           <div class="footer_phone">
             <p>巴黎欧莱雅顾客关怀中心：400-821-5098  会员积分兑礼服务热线：400-820-0660p>
           div>
           <div class="footer_copyright">
             <p>沪ICP备11031739号-1p>
           div>
      div>
      
      <div class="footer_right">
          <img src="images/logoparis.png" />
      div>
div>
body>
html>

2.css放的地方：
HTML+CSS简单实例（一）_第1张图片
HTML+CSS简单实例（一）_第2张图片

你可能感兴趣的:(HTML+CSS)

  • html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签 zhangjunzongque 个人html常用标签
    typora-copy-images-to:media第01阶段.web基础：html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签一、前言1.基础班学习目标目标：能根据psd文件（psd文件，其实就是一张类似于图片的格式，这个呢是用ps做的，也就叫做源文件），用HTML+CSS布局出符合W3C规范的网页（也就是说，我们写的代码，要符合标准）。简单的说，能根据美工给的图，
  • html+css实战64-综合案例3-图片完成 前端大歌谣 htmlcss前端
    Documentbody{background-color:#f5f5f5;}.goods{width:234px;height:300px;background-color:#fff;/*样式居中*/margin:0auto;text-align:center;}img{width:160px;}运行结果
  • 初学HTML Pretend________ html5css
    一周HTML+CSS新手闯关记！居然真的仿出了起点首页？！从对着教程发呆到能敲出完整页面，这七天像开了倍速——但谁懂啊！垂直居中到底有多少种写法？每次调都像拆盲盒，水平居中偶尔还能蒙对，垂直居中直接让我怀疑人生…后来硬记了flex的justify-content和align-items，总算摸到点门道～伪类和定位真的是王炸组合！刚开始写hover效果，按钮死活没反应，查了半天才发现选择器选错了原来
  • html+css实现唯美简洁登录页面
    1.简介本案例是html和css实现的唯美简洁的登录界面。纯粹个人一时兴起所写。可以适用于个人博客登录以及其他系统的登录界面，登录title可以随时修改。2.先看效果。3.上代码。代码复制粘贴，修改里面的图片路径就可以直接运行。4.html页面代码。唯美登录页面</
  • HTML5+CSS3小实例：流星划过天际的动画效果 艾恩小灰灰
    实例：流星划过天际的动画效果技术栈：HTML+CSS效果：源码：【html】流星划过天际的动画效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*溢出隐藏*/overflow:hidden;}.container{/*绝对定位*/position:absolute;top:0;left:0;width:100%;h
  • 前端学习路线推荐 oldfifteen
    第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
  • Web开发 02 im_AMBER 前端学习
    今天梳理出的HTML+CSS核心知识点，涵盖基础结构、布局、样式优化等实用技巧：总结1一、HTML核心知识1.基础结构文档声明：定义文档为HTML5标准。基本标签：：根元素，包裹整个页面。：元数据（标题、样式、脚本等），不显示在页面。：设置网页标题（浏览器标签显示）。：页面内容容器，所有可见内容写在这里。2.常用标签文本与标题：~：标题标签，自动加粗且有默认层级样式。：段落标签，默认有上下边距。图
  • HTML+CSS简单网页练习
    前言运用了CSS进行简单的网页制作一、效果图二、HTML代码手机alert("欢迎—>"+prompt("请输入你的姓名")+"首页智能手机平板电脑配件服务支持关于尚合最新公告：尚合Aone智能手机入网证已经获工信部门审批下发。尚合官方新品发布新闻中心致歉公告首批尚合Aone已全部售罄！【媒体报道】国产高性价比尚合Aone四核手机评测我司产品已经通过了国家强制性产品3C认证尚合Aone智能手机入网
  • HTML+CSS制作人物介绍网页 Kyra17 html5css
    *仅作个人学习记录用*网页效果视频演示代码实现HTML部分角色简介角色故事技能介绍艾尔海森「诲韬诤言」「文弱的学术分子」米哈游出品的游戏《原神》及其衍生作品中的角色，须弥教令院六大学派之一“知论派”的学者，现任教令院书记官兼任代理贤者，有过人的智慧与才能，生活得自由自在，一般人基本找不到他。在须弥的风波结束，虚空系统关闭之后，教令院还有很多亟待解决的难题。而艾尔海森身为代理贤者，又是当前教令院中非
  • html css js网页制作成品——HTML+CSS中国古代物理 - 中华优秀传统文化网页设计（4页）附源码 软件技术NINI 网页源码htmlcssjavascript
    目录一、‍网站题目二、✍️网站描述三、网站介绍四、网站效果五、代码实现HTML
  • AJAX 安装使用教程 小奇JAVA面试 安装使用教程ajax前端javascript
    一、AJAX简介AJAX（AsynchronousJavaScriptandXML）是一种在无需重新加载整个网页的情况下，能够与服务器交换数据并更新部分网页内容的技术。它不是一种新语言，而是使用现有的标准组合：JavaScript+XMLHttpRequest（或Fetch）+HTML+CSS。二、AJAX是否需要安装？不需要单独安装！AJAX是浏览器原生支持的技术，主流浏览器均内置XMLHttp
  • HTML+CSS快速入门 二十十十十十 htmlcss前端
    在本文章开篇之前，需要先提前准备好代码运行环境，首先需要准备好VisualStudioCode用来编写代码，然后找一个适合的浏览器，用来看代码的运行效果。建议使用谷歌浏览器，当然电脑自带的浏览器也是可以的。快捷键生成浏览器文件：！+回车代码格式化：shift+Alt+F向上或向下移动一行：Alt+上方向键，Alt+下方向键快速复制一行代码：shift+Alt+上/下方向键保存：Ctrl+S快速查找
  • HTML5+CSS3小实例：文本背景扫光效果 艾恩小灰灰 HTML+CSS+JS小实例css3html5css前端html
    实例：文本背景扫光效果技术栈：HTML+CSS效果：源码：【html】<head
  • 浅浅整理-前端技术发展 weixin_46473496 前端
    前端技术发展全链路解析（1990-2025）技术演进阶段划分1.洪荒时代（1990-1999）技术突破：1991：HTML1.0（TimBerners-Lee）1994：CSS提案（HåkonWiumLie）1995：JavaScript诞生（BrendanEich）核心产物：静态网页（HTML+CSS）表格布局与框架集浏览器战争（NetscapevsIE）2.动态网页革命（2000-2009）技
  • HTML+CSS小白入门与进阶教程 郑宜维David
    HTML+CSS小白入门与进阶教程【下载地址】HTMLCSS小白入门与进阶教程分享HTML+CSS小白入门与进阶教程欢迎来到《HTML+CSS小白入门与进阶教程》资源页面！本教程专为Web开发初学者设计，由CSDN上的资深博主倾情分享，旨在帮助你快速踏入网页设计的大门项目地址:https://gitcode.com/Resource-Bundle-Collection/4d4e1欢迎来到《HTML
  • HTML+CSS大作业：简易购物网站（4页） 奥利奥ala html基础网页制作htmlcss课程设计
    html作业中高水平制作，适用于有一定基础的同学，页面排版干净，固定导航栏加上轮播图，采用了html+css来实现布局，在登录界面用了一小段js来作为输入框的判断，非常适合想要突破技术的同学学习使用,这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计购物网站并将其转换为代码的过程来实践设计。难度系数：★★★★☆一、网站题目简易购物商城、购物网站，购物商城等等二、网站描述本网站是以购
  • HTML+CSS制作网页（率土） 楠目 前端htmlcss前端
    注意：本网页为自定义字体不能直接使用想看效果自行删除自定义字体或者去下载自定义字体（https://font.chinaz.com/）1、注册页面Documentbody{background-image:url("https://pic.kts.g.mi.com/3d1358b0bc7fef1e4497493964e2e38f1790956218722870038.png");backgroun
  • HTML学生作业网页：使用HTML+CSS技术实现非遗文化网页设计题材【汉服文化—共12个页面】 @码出未来-web网页设计 htmlcss前端
    精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
  • HTML静态网页作业(HTML+CSS)——外卖平台主题网页设计制作(8个页面) 爱码网页 htmlcss前端
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码五、源码获取一、作品介绍️本套采用DIV+CSS布局，未使用Javacsript代码，共有8个页面。二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码北京[更换]你好，请登录/注册全部分类全部商家商家入驻关于我们常见问题我要登录用
  • HTML+CSS面试题总结（附答案+视频讲解） 小胖梅前端 csshtmlcss3
    HTML+CSS面试题总结如下红色标注为常见重点对应的视频讲解在B站：可以点击免费观看2023前端高频面试题详解/面试必刷HTML+CSS前端面试题_哔哩哔哩_bilibili目录1.块元素和行内元素有哪些2.css3选择器（了解）3.css优先级4.对web标准以及w3c的理解和认识5.BFC6.隐藏元素有哪些方法和区别7.一个盒子在水平垂直居中方法8.圣杯布局与双飞翼布局9.css盒子模型10
  • HTML+CSS Kevinyu_ htmlcss前端
    HTML+CSSHTML文件后缀为.html首先html有固定的基本结构HTML快速入门HelloHTML其中是根标签，和是子标签。:定义网页的头部，用来存放给浏览器看的信息，如：CSS样式、网页的标题。:定义网页的主体部分，存放给用户看的信息，也是网页的主体内容，如：文字、图片、视频、音频、表格等。中定义标题显示在浏览器的标题位置HTML中的标签特点HTML标签不区分大小写，建议小写HTML标签
  • HTML+CSS 个人学习时的笔记，粗略参考【CSS】 浅度学习的ryan 吃掉这本前端基础csscss3
    CSSCSS书写顺序1.布局定位属性display/position/float/clear/visibility/overflow2.自身属性width/height/margin/padding/border/background3.文本属性color/font/text-decoration/text-align/vertical-align/white-space/break-word4.
  • html+css网站开发，如何实现自适应屏幕尺寸大小 yrldjsbk css3htmlcss前端
    以下内容，我们是假设页面内容里仅有文字和图片的情况下，该如何设计，才能让页面尺寸随着设备屏幕尺寸的大小而实时的发生变化。需要注意以下几个要点。第一：在网页代码的头部，加入一行viewport元标签用户不具备修改缩放比例的权限。如果想开启，可以改成yes第二：容器的宽度设置width:auto;/width:XX%;不要使用决定的像素第三：字体大小是页面默认大小的100%，即16像素，不要使用绝对大
  • 页面水印添加工具【watermark-plus】，可防止手动删除水印，支持文本水印、图片水印、定制水印内容 __畫戟__ 前端公用.jsJavaScriptH5水印防手动删除水印watermark图片水印自定义水印（排版样式内容
    目录效果图文本水印双列水印文本图片水印订制内容可防止被手动删除项目中效果使用APIprops方法兼容性开源，持续更新中watermark-plus支持文本水印支持图片水印可防止被删除可防止重复渲染可动态适应超长水印文本高清晰度支持浏览器端打印可配置性强支持自定义水印内容（排版、样式、内容）效果图文本水印双列水印文本图片水印订制内容通过图片水印方式可以实现私人订制，步骤：通过HTML+CSS实现你想
  • 【web课程设计】HTML+CSS仿QQ音乐网站 程序员-html网页设计 网页设计与制作课程设计html前端
    精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
  • HTML+css制作简单游戏界面 ℡52Hz★
    开学在即闲来无事在家做了一个简单的游戏开始界面，下面看看具体代码吧，其实非常的简单这里只用HTML和css做的静态页面。HTML漫溯五千年用户昵称LV.1会员首充好友信息好友动态设置更多鼎足而立-三国太平盛世-唐百花齐放-宋大疆无边-元八府巡按-明闭关自首-清商城福利成就寻宝任务游戏指南游戏介绍游戏技巧public.css*{padding:0;margin:0;}a{text-decoratio
  • Element-UI快速入门 ★雨 潇★ Vue.jsjselementui前端javascript
    Element-UI是什么？就是一个把样式给你写好了的玩意儿，没错就是不用你写样式。先来看简单使用效果：像咱们使用html+css写一个按钮，要实现左边样式可能需要写class/style然后写样式；但使用了Element-UI。那就等于样式已经给你写好了；直接copy过来就行了，是不是省下很多工作量！！！好，简单理解了，就直接开始吧！这里拿最简单Vue2-cli脚手架的项目做说明，简单说vue-
  • html&css学习笔记——CSS2基础 我睡觉时超困 HTML&CSShtmlcss学习
    学习视频：尚硅谷前端入门html+css零基础教程，零基础前端开发html5+css3视频P57-147（以下笔记为作者学习并参考尚硅谷相关学习资料整理）目录二、CSS2基础1.CSS编写位置1.1行内样式（又称：内联样式）1.2内部样式1.3外部样式2.样式表的优先级3.CSS选择器3.1CSS基础选择器3.1.1通配选择器3.1.2元素选择器3.1.3类选择器3.1.4ID选择器3.2复合选择
  • 用HTML+CSS仿网易云音乐网站(6个页面) (1) IT-司马青衫 htmlcss前端
    精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
  • 前端小白笔记day-01 前端渣渣强 前端基础前端傻瓜手册
    **加粗样式**—typora-copy-images-to:media第01阶段.web基础：html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签一、前言1.基础班学习目标目标：能根据psd文件（psd文件，其实就是一张类似于图片的格式，这个呢是用ps做的，也就叫做源文件），用HTML+CSS布局出符合W3C规范的网页（也就是说，我们写的代码，要符合标准）。简单的说，
  • 解读Servlet原理篇二---GenericServlet与HttpServlet 周凡杨 javaHttpServlet源理GenericService源码
    在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte
  • MySQL性能优化 bijian1013 数据库mysql
            性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有：         a.优化查询         b.优化数据库结构  
  • ThreadPool定时重试 dai_lm javaThreadPoolthreadtimertimertask
    项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 为了解决不定间隔的重试，选择Timer和TimerTask来完成 package threadpool; public class ThreadPoolTest {
  • Oracle 查看数据库的连接情况 周凡杨 sqloracle 连接
    首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 select * from dict where table_name like '%SESSION%'; 就可以查出一些表，然后根据这些表就可以获得会话信息 select sid,serial#,status,username,schemaname,osuser,terminal,ma
  • 类的继承 朱辉辉33 java
    类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 格式:public class 类名（子类）extends 类名（父类）{ } 子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 protected属性，但要使用private属性仍需通过调用。 子类的方法可以重写，但必须和父类的返回值类
  • android 悬浮窗特效 肆无忌惮_ android
    最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下：   一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。   后来想利用Dialog的dismiss动画来完成。   自定义一个Dialog后，在styl
  • hadoop伪分布式搭建 林鹤霄 hadoop
    要修改4个文件    1: vim hadoop-env.sh  第九行    2: vim core-site.xml            <configuration>     &n
  • gdb调试命令 aigo gdb
    原文：http://blog.csdn.net/hanchaoman/article/details/5517362   一、GDB常用命令简介   r run 运行.程序还没有运行前使用 c             cuntinue 
  • Socket编程的HelloWorld实例 alleni123 socket
    public class Client { public static void main(String[] args) { Client c=new Client(); c.receiveMessage(); } public void receiveMessage(){ Socket s=null; BufferedRea
  • 线程同步和异步 百合不是茶 线程同步异步
    多线程和同步 : 如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。 所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法   多线程和异步:多线程可以做不同的事情,涉及到线程通知     &
  • JSP中文乱码分析 bijian1013 javajsp中文乱码
            在JSP的开发过程中，经常出现中文乱码的问题。         首先了解一下Java中文问题的由来：         Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，
  • js实现页面跳转重定向的几种方式 bijian1013 JavaScript重定向
            js实现页面跳转重定向有如下几种方式： 一.window.location.href <script language="javascript"type="text/javascript"> window.location.href="http://www.baidu.c
  • 【Struts2三】Struts2 Action转发类型 bit1129 struts2
     在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configurat
  • 【HBase十一】Java API操作HBase bit1129 hbase
    Admin类的主要方法注释：   1. 创建表 /** * Creates a new table. Synchronous operation. * * @param desc table descriptor for table * @throws IllegalArgumentException if the table name is res
  • nginx gzip ronin47 nginx gzip
    Nginx GZip 压缩 Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 常用配置片段如下： gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
  • java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交 bylijinnan java
    public class LinkListTest { /** * we deal with two main missions: * * A. * 1.we create two joined-List(both have no loop) * 2.whether list1 and list2 join * 3.print the join
  • Spring源码学习-JdbcTemplate batchUpdate批量操作 bylijinnan javaspring
    Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 JDBC的batch操作： String sql = "INSERT INTO CUSTOMER " + "(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
  • [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展 comsci 工作流
        生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出.........     竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
  • base64编码和url编码 cuityang base64url
    import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.StringWriter; import java.io.UnsupportedEncodingException;
  • web应用集群Session保持 dalan_123 session
    关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简
  • Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式'] dcj3sjt126com 数据库
        public function getMinLimit () {        $sql = "...";        $result = yii::app()->db->createCo
  • solr StatsComponent（聚合统计） eksliang solr聚合查询solr stats
    StatsComponent 转载请出自出处：http://eksliang.iteye.com/blog/2169134 http://eksliang.iteye.com/ 一、概述        Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能   二、参数
  • 百度一道面试题 greemranqq 位运算百度面试寻找奇数算法bitmap 算法
    那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5}  找出出现次数为奇数的数字.   我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。   还有人觉得应该用算法xxx,我是没想到用啥算法好...！   还有觉得应该先排序...   还有觉
  • Spring之在开发中使用SpringJDBC ihuning spring
      在实际开发中使用SpringJDBC有两种方式：   1. 在Dao中添加属性JdbcTemplate并用Spring注入；     JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度
  • JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节 justjavac json
    2013年5月，Yehuda Katz 完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
  • 网站项目建设流程概述 macroli 工作
    一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 二.需求分析 项目立项 　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 客户的需求说明书 　　第一步是需
  • AngularJs 三目运算 表达式判断 qiaolevip 每天进步一点点学习永无止境众观千象AngularJS
    事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 var b = "{{", a = "}}"; this.startSymbol = function(a) {
  • Spark算子：统计RDD分区中的元素及数量 superlxw1234 sparkspark算子Spark RDD分区元素
    关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量     Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。   可以利用RDD的mapPartitionsWithInd
  • Spring 3.2.x将于2016年12月31日停止支持 wiselyman Spring 3
                  Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。          请大家及时准备及时升级到Spring
  • fis纯前端解决方案fis-pure zccst JavaScript
    作者：zccst FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 1，fis-pure的安装 $ fis install -g fis-pure $ pure -v 0.1.4 2，下载demo到本地 git clone https://github.com/hefangshi/f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他