小白一起学编程
小白一起学编程

css练习----首页练习

结构搭建

① 建包，以及css文件，并在首页引入对应文件

css练习----首页练习_第1张图片

base.css ：公共css文件
index.css: 首页css文件
reset.css: 浏览器初始化样式文件
fa：图标字体
img: 存储图片文件夹

②base.css

css练习----首页练习_第2张图片

字体设置
清除浮动，外边距折叠问题

导航条

1、导航条结构

①定义内容宽度样式

css练习----首页练习_第3张图片

②定义topbar的结构

在这里插入图片描述
css练习----首页练习_第4张图片

<body>
    
    
    <div class="topbar-wrapper">
        
        <div class="topbar">
            
            <ul class="service">
                <li><a href="javascript:;">小米商城a>li>
                <li class="line">|li>
                <li><a href="javascript:;">MIUIa>li>
                <li class="line">|li>
                <li><a href="javascript:;">loTa>li>
                <li class="line">|li>
                <li><a href="javascript:;">云服务a>li>
                <li class="line">|li>
                <li><a href="javascript:;">金融a>li>
                <li class="line">|li>
                <li><a href="javascript:;">有品a>li>
                <li class="line">|li>
                <li><a href="javascript:;">小爱开放平台a>li>
                <li class="line">|li>
                <li><a href="javascript:;">企业团购a>li>
                <li class="line">|li>
                <li><a href="javascript:;">资质证照a>li>
                <li class="line">|li>
                <li><a href="javascript:;">协议规则a>li>
                <li class="line">|li>
                <li><a href="javascript:;">下载appa>li>
                <li class="line">|li>
                <li><a href="javascript:;">Select Locationa>li>
            ul>

            
            <ul class="shop-cart">
                <li><a href="javascript:;">
                        <i class="fas fa-shopping-cart">i>
                        购物车（0）
                    a>
                li>
            ul>

            
            <ul class="user-info">
                <li><a href="javascript:;">登录a>li>
                <li class="line">|li>
                <li><a href="javascript:;">注册a>li>
                <li class="line">|li>
                <li><a href="javascript:;">消息通知a>li>
            ul>
        div>
    div>
body>

2、导航条样式

①布局样式添加

css练习----首页练习_第5张图片

②细节样式补充

css练习----首页练习_第6张图片

3、导航下拉层（二维码）

①结构搭建及布局

css练习----首页练习_第7张图片

②样式书写

css练习----首页练习_第8张图片
css练习----首页练习_第9张图片

③过度效果替换hover

css练习----首页练习_第10张图片
css练习----首页练习_第11张图片

头部导航

LOGO

①结构

css练习----首页练习_第12张图片

css练习----首页练习_第13张图片

②定位

css练习----首页练习_第14张图片
css练习----首页练习_第15张图片

③收尾样式调整

css练习----首页练习_第16张图片

导航栏

①结构

在这里插入图片描述
css练习----首页练习_第17张图片

②弹出层

css练习----首页练习_第18张图片
css练习----首页练习_第19张图片

输入框

①结构

css练习----首页练习_第20张图片

②基本样式

css练习----首页练习_第21张图片

③添加hover

css练习----首页练习_第22张图片
css练习----首页练习_第23张图片

导航

①结构


css练习----首页练习_第24张图片

②样式

css练习----首页练习_第25张图片
css练习----首页练习_第26张图片

Banner

轮播图

①结构

css练习----首页练习_第27张图片

②样式


css练习----首页练习_第28张图片

css练习----首页练习_第29张图片
css练习----首页练习_第30张图片

css练习----首页练习_第31张图片

css练习----首页练习_第32张图片

你可能感兴趣的:(css,前端,html)

  • 一分钟看懂：前端和后端，哪个更简单？转行程序员必看！ Python自动化办公社区 前端程序员
    大家好，这里是程序员晚枫，专注于转行程序员的1对1咨询，小红薯也叫这个名。想转行程序员的朋友，在选择方向的时候都会遇到一个问题：哪个技术方向适合我？前端和后端哪个更简单？今天咱们就来一起分析一下~1、一样难很多网上的消息或者培训机构的广告会告诉你：前端比后端简单。这种回复，更多是一种营销套路。为什么？单从技术本身来说，前端的简单，仅仅体现在刚入门的时候，因为前端代码效果你能看到。学到后面你会发现，
  • ECMAScript与JavaScript的区别 vvvae1234 ecmascript
    在现代Web开发中，JavaScript是一种不可或缺的语言，而ECMAScript则是JavaScript的标准化版本。理解二者之间的差异，有助于前端开发者更好地编写高效、可维护的代码。本指南将深入探讨ECMAScript与JavaScript的区别，并通过实际案例演示如何在实际开发中应用这些知识。2.ECMAScript和JavaScript简介2.1什么是JavaScript？JavaScr
  • 二、vue3.0之组件通信之父子通信 arguments_zd vue3.0的开发和学习typescriptvue.js前端框架
    在vue3.0中我们应该怎么去做组件通信呢？在vue3.0中，组件通信官方给出了固定的方法：defineProps、defineEmits，defineExpose、withDefaults，那么接下来我们来看看这四个方法。一、defineProps定义：接收props选项相同的值，父子关系（父传子）组件通信，使用自定义属性来向下传值。代码：父级：html:（父级通过自定义属性向子级传递）ts:c
  • 【微信小程序】制作个人信息页面 m0_67393593 面试学习路线阿里巴巴android前端后端
    题外：也许前端学习也应包括审美。在我学习前端路上，以前模仿视频内容，现在模仿别人成品…我曾想过作为前端是不是也应学习UI设计方向的美术知识，再不济也应具备页面布局的审美。但这个想法被一位大佬否定了，所以这个想法也只好放在心里成为另一种可能。分享一个今天才学会的CSDN写文章的技巧~正题：先上成品图1.架构进行编程前，我们要架构。对整体项目叫架构，对一个页面而言不如说叫整理思路以本图为例，除去底部t
  • (附论文)基于ssm的高校大学生党建系统(688) KK ??? 媒体学习开发语言springjava
    获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述具体请看视频演示2、项目开发工具开发工具：Idea或Eclipse数据库：MysqlJar包仓库：Maven前端框架：Vue2后端框架：SSM3、项目图片4、演示视频(附论文)基于ssm的高校大学生党建系统(688)
  • 关于element plus 插件 e-table的用法 everyStudy 前端javascripthtml
    下载依赖包npminstallelement-plus--save或者yarnaddelement-plus全局引入elementplusimportElementPlusfrom‘element-plus’import‘element-plus/dist/index.css’constapp=createApp(App)app.use(ElementPlus)app.mount(‘#app’)在
  • element-plus-分页 everyStudy javascript前端vue.js
    下载依赖包npminstallelement-plus--save或者yarnaddelement-plus全局引入elementplusimportElementPlusfrom‘element-plus’import‘element-plus/dist/index.css’constapp=createApp(App)app.use(ElementPlus)app.mount(‘#app’)在
  • CentOS内网环境安装wkhtmltopdf 绥遇而安
    1、下载wkhtmltopdfrpm安装包访问wkhtmltopdfgit仓库链接：https://github.com/wkhtmltopdf/wkhtmltopdf/releases/，下载rpm安装包，如下图所示：2、在外网环境CentOS下载依赖rpm安装包执行命令：yuminstall--downloadonly--downloaddir=/home/rpmfontconfiglibX1
  • 前端图片转Base64编码 _耀北 前端
    在前端将图片转为Base64编码，通常会通过使用JavaScript的FileReader对象。效果图代码步骤说明：1.用户通过文件输入框选择图片。2.FileReader对象读取图片，并将其转为Base64编码。3.读取完成后，图片通过img标签预览，Base64编码会显示在页面上。4.复制按钮：在页面中添加了一个按钮，当图片被加载并生成Base64编码后，按钮会显示出来。5.Clipboard
  • 编译的html帮助文件(.chm)打不开,chm文件无法打开怎么办 Hjm7
    如果你双击.chm文件，出现错误提示：“不能打开文件：mk：@MSITStore：(chm文件所在的路径)*.chm”。解决方法：看看你的操作系统的语言设置和chm文档的语言是不是一致的?如果不一致就会打不开得到上面这样的错误。比如下载的chm文档是中文的，那么到“控制面板”-“区域和语言选项中检查是不是选中国。如果这个方法不行，再试下面的方法。“开始”-“运行”regsvr32itss.dll注
  • Vue 生命周期与 TypeScript：深入理解组件生命周期 shiming8879 typescriptvue.js前端
    Vue生命周期与TypeScript：深入理解组件生命周期引言Vue.js作为一种流行的前端框架，其组件生命周期是开发过程中不可或缺的一部分。理解并正确利用Vue的生命周期，可以帮助开发者构建更加健壮和可维护的应用。而当TypeScript与Vue结合使用时，这种优势得到了进一步的增强。TypeScript作为一种强类型语言，提供了类型检查和代码清晰性，使得Vue组件的生命周期管理变得更加高效和可
  • .chm 文档打不开 shijiahang 其他.chm
    首先我们要知道什么是.chm文档。CHM是英语“CompiledHelpManual”的简写，即“已编译的帮助文件”。CHM是微软新一代的帮助文件格式，利用HTML作源文，把帮助内容以类似数据库的形式编译储存。-----引用自百度知道如何打开.chm文档一般情况，Windows系统会自带解释器（打卡工具：hh.exe）。或者，你也可以下载一个CHM编辑器。也可以轻松打开。我遇到的问题一般直接打开的
  • 通过AI来创建一个_____html css网页制作成品 例子演示 数码小沙 html
    使用AI输入创建一个htmlcss网页制作成品例然后出来好的，我将为您创建一个简单的HTML和CSS网页制作的示例。这个示例将包括基本的布局、文本样式和一些内联的CSS样式。{"name":"dalle","description":"AsimpleexampleofafinishedHTMLandCSSwebpage,featuringacleanlayoutwithaheader,naviga
  • @antv/x6 填充一个背景图片，并让其显示出来。 花花鱼 @antv/x6Vue3vue.js
    1、填充背景色的时候，开始不显示背景图片，只显示背景颜色。2、开始是放在assets/images目录下：constgraph=newGraph({container:document.getElementById("container")asHTMLElement,width:widthPx,height:heightPx,background:{color:"#F2F7FA",position
  • 2024网络安全学习路线 非常详细 推荐学习 白帽黑客-晨哥 web安全学习安全数据库php
    关键词：网络安全入门、渗透测试学习、零基础学安全、网络安全学习路线首先咱们聊聊，学习网络安全方向通常会有哪些问题1、打基础时间太长学基础花费很长时间，光语言都有几门，有些人会倒在学习linux系统及命令的路上，更多的人会倒在学习语言上；2、知识点掌握程度不清楚对于网络安全基础内容，很多人不清楚需要学到什么程度，囫囵吞枣，导致在基础上花费太多时间；看到很多小伙伴，买了HTML，PHP，数据库，计算机
  • JMETER+ANT+JENKINS持续集成并生成html报告 qq_40447533 jmeter持续集成
    1.下载ant2.配置build.xml文件3.在本地运行antrun4.部署到jenkins上5.在jenkins上查看测试报告jenkins-HTMLreport没有css样式问题注;如果运行后还是没有css样式，清理缓存试试对于测试报告来说，除了内容的简洁精炼，样式的美观也很重要。常用的做法是，采用HTML格式的文档，并搭配CSS和JS，实现自定义的样式和动画效果（例如展开、折叠等）。在Je
  • 健身运动俱乐部主题网页设计制作 | html网页模板源码 学博星辰 网页成品htmlcssjavascriptjquery前端bootstrap
    文章目录网站主题网站描述网站介绍网站演示学习理念更多干货一、网站主题健身网站、健身房网站、健身网页、健身房网页、健身网页、团操运动网页、健身俱乐部html网页、html健身运动主题网页、html网页设计与制作、学生期末网页大作业二、网站描述编码：A04、页数：6页，技术：html+css+js健身运动是一项通过徒手或利用各种器械，运用专门的动作方式和方法进行锻炼，以发达肌肉、增长体力、改善形体和陶
  • 基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件 练练科技 java课程设计mysql
    基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
  • OpenStack添加新硬盘到LVM逻辑卷组 LianZhenLiang
    参考：CinderLVM配置https://www.cnblogs.com/sammyliu/p/4159147.htmlConfigureandusevolumenumberweigherhttps://docs.openstack.org/cinder/queens/admin/blockstorage-volume-number-weigher.html一、知识：cinderlvm配置(/e
  • How can I load the openai api configuration through js in html? 营赢盈英 AIaipythonjavascripthtmlnode.jsopenai
    题意：怎样在HTML中通过JavaScript加载OpenAIAPI配置问题背景：Iamtryingtosendarequestthroughjsinmyhtmlsothatopenaianalyzesitandsendsaresponse,butifinthejsIputthefollowing:我正在尝试通过HTML中的JavaScript发送一个请求，以便让OpenAI分析它并发送响应，但如
  • html知识点总结 软件技术NINI html笔记html前端
    HTML（HyperTextMarkupLanguage）总结可以从其定义、基本结构、常用标签以及网页开发工具等多个方面进行阐述。一、HTML定义HTML是一种超文本标记语言，它不是一种编程语言，而是一种用于描述网页内容的标记语言。HTML文档由HTML标签和文本内容组成，这些标签告诉浏览器如何显示页面上的内容。HTML的发展始于1990年，由Web之父TimBerners-Lee发布，并随着互联
  • css居中大全 阿龙哟
    css居中大全Horizontally水平居中内联元素text-align:center;块级元素margin:0auto;多个块级元素display:flex;justify-content:center;Vertically垂直居中内联元素中单行文字给定相同paddingpadding-top:30px;padding-bottom:30px;文字垂直居中height:100px;line-h
  • webpack 深入浅出分析之style-loader、css-loader、配置sass与less 城南花开ze WebpackViteGulpwebpackcss-loaderstyle-loader配置sass与less
    一、webpack打包style-loader创建一个空文件夹，通过npminit初始化创建package.json文件，通过npminstallwebpack--save-dev命令下载webpack，通过npminstallstyle-loadercss-loader--save-dev命令下载style-loader和css-loader。创建css文件夹，在里面创建base.css和com
  • Css-loader安装失败,webpack打包css文件时，确认css-loader和style-loader安装正确，import路径都正确，打包反复报错... Malong Wu Css-loader安装失败
    webpack打包css文件时，确认css-loader和style-loader都安装正确，且import路径都正确，打包反复报错：ERRORin./src/assets/styles/test.css1:0Moduleparsefailed:Unexpectedtoken(1:0)Youmayneedanappropriateloadertohandlethisfiletype,current
  • java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署 鸿源网络 数据库mysqljava
    java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQ
  • 分享JavaScript中直接调用CSS中的类名 奔跑的呱呱牛 javascriptcss开发语言
    分享JavaScript中直接调用CSS中的类名在现代的JavaScript框架（如React、Vue）中，使用CSS模块（CSSModules）是一种非常流行的方式。.module.css文件扩展名代表的是CSS模块，它与普通的CSS文件不同，能够解决样式全局污染的问题，并且实现更好的样式隔离。为什么要使用.module.css作用域隔离：传统的CSS文件中的类名是全局的，这意味着如果多个组件或
  • CSS基本语法结构 nice66660 css前端开发语言javaidea算法数据结构
    1.CSS基本语法结构文章目录1.CSS基本语法结构2.HTML中引入CSS样式2.1行内样式2.2内部样式表2.3外部样式表2.3.1链接式2.3.2导入式2.4CSS基本选择器2.4.1标签选择器2.4.2类选择器2.4.3ID选择器3.CSS的高级选择器3.1层次选择器3.1.1后代选择器3.1.2子代选择器3.1.3相邻兄弟选择器3.1.4通用兄弟选择器3.2结构伪类选择器3.3属性选择器
  • nginx1.16安装 清晨细雨~ nginxcentosnginx安装
    参考：https://nginx.org/en/linux_packages.html#RHEL-CentOS1.必备条件sudoyuminstallyum-utils2.设置云仓库创建文件：vi/etc/yum.repos.d/nginx.repo内容如下：[nginx-stable]name=nginxstablerepobaseurl=http://nginx.org/packages/ce
  • 基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署 源新网络 java开发语言
    基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
  • CSS“多列布局”（补充）——WEB开发系列35 一条晒干的咸魚 WEB前端javascript前端csshtml多列布局css3
    多列布局是一种非常常见的布局方式，适用于内容丰富的页面，如新闻网站、杂志或博客。一、CSS多列布局概述CSS多列布局允许我们将内容分成多个垂直列，使页面布局更加灵活和多样化。多列布局的主要属性包括column-count、column-width和column-gap，这些属性可以单独或结合使用，以实现所需的列布局效果。多列布局的基本属性column-count：指定列的数量。例如，column-
  • apache ftpserver-CentOS config gengzg apache
    <server xmlns="http://mina.apache.org/ftpserver/spring/v1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=" http://mina.apache.o
  • 优化MySQL数据库性能的八种方法 AILIKES sqlmysql
    1、选取最适用的字段属性 　　MySQL可以很好的支持大数据量的存取，但是一般说来，数据库中的表越小，在它上面执行的查询也就会越快。因此，在创建表的时候，为了获得更好的 性能，我们可以将表中字段的宽度设得尽可能小。例如，在定义邮政编码这个字段时，如果将其设置为CHAR(255),显然给数据库增加了不必要的空间，甚至使用VARCHAR这种类型也是多余的，因为CHAR(6)就可以很
  • JeeSite 企业信息化快速开发平台 Kai_Ge JeeSite
    JeeSite 企业信息化快速开发平台 平台简介 JeeSite是基于多个优秀的开源项目，高度整合封装而成的高效，高性能，强安全性的开源Java EE快速开发平台。 JeeSite本身是以Spring Framework为核心容器，Spring MVC为模型视图控制器，MyBatis为数据访问层， Apache Shiro为权限授权层，Ehcahe对常用数据进行缓存，Activit为工作流
  • 通过Spring Mail Api发送邮件 120153216 邮件main
    原文地址：http://www.open-open.com/lib/view/open1346857871615.html 使用Java Mail API来发送邮件也很容易实现，但是最近公司一个同事封装的邮件API实在让我无法接受，于是便打算改用Spring Mail API来发送邮件，顺便记录下这篇文章。 【Spring Mail API】 Spring Mail API都在org.spri
  • Pysvn 程序员使用指南 2002wmj SVN
    源文件:http://ju.outofmemory.cn/entry/35762 这是一篇关于pysvn模块的指南. 完整和详细的API请参考 http://pysvn.tigris.org/docs/pysvn_prog_ref.html. pysvn是操作Subversion版本控制的Python接口模块. 这个API接口可以管理一个工作副本, 查询档案库, 和同步两个. 该
  • 在SQLSERVER中查找被阻塞和正在被阻塞的SQL 357029540 SQL Server
    SELECT  R.session_id AS BlockedSessionID ,          S.session_id AS BlockingSessionID ,          Q1.text AS Block
  • Intent 常用的用法备忘 7454103 .netandroidGoogleBlogF#
    Intent     应该算是Android中特有的东西。你可以在Intent中指定程序 要执行的动作（比如：view,edit,dial），以及程序执行到该动作时所需要的资料 。都指定好后，只要调用startActivity()，Android系统 会自动寻找最符合你指定要求的应用 程序，并执行该程序。 下面列出几种Intent 的用法 显示网页:
  • Spring定时器时间配置 adminjun spring时间配置定时器
    红圈中的值由6个数字组成，中间用空格分隔。第一个数字表示定时任务执行时间的秒，第二个数字表示分钟，第三个数字表示小时，后面三个数字表示日，月，年，< xmlnamespace prefix ="o" ns ="urn:schemas-microsoft-com:office:office" /> 测试的时候，由于是每天定时执行，所以后面三个数
  • POJ 2421 Constructing Roads 最小生成树 aijuans 最小生成树
    来源：http://poj.org/problem?id=2421 题意：还是给你n个点，然后求最小生成树。特殊之处在于有一些点之间已经连上了边。 思路：对于已经有边的点，特殊标记一下，加边的时候把这些边的权值赋值为0即可。这样就可以既保证这些边一定存在，又保证了所求的结果正确。 代码： #include <iostream> #include <cstdio>
  • 重构笔记——提取方法（Extract Method） ayaoxinchao java重构提炼函数局部变量提取方法
    提取方法（Extract Method）是最常用的重构手法之一。当看到一个方法过长或者方法很难让人理解其意图的时候，这时候就可以用提取方法这种重构手法。   下面是我学习这个重构手法的笔记：   提取方法看起来好像仅仅是将被提取方法中的一段代码，放到目标方法中。其实，当方法足够复杂的时候，提取方法也会变得复杂。当然，如果提取方法这种重构手法无法进行时，就可能需要选择其他
  • 为UILabel添加点击事件 bewithme UILabel
        默认情况下UILabel是不支持点击事件的，网上查了查居然没有一个是完整的答案，现在我提供一个完整的代码。   UILabel *l = [[UILabel alloc] initWithFrame:CGRectMake(60, 0, listV.frame.size.width - 60, listV.frame.size.height)]
  • NoSQL数据库之Redis数据库管理(PHP-REDIS实例) bijian1013 redis数据库NoSQL
    一.redis.php <?php //实例化 $redis = new Redis(); //连接服务器 $redis->connect("localhost"); //授权 $redis->auth("lamplijie"); //相关操
  • SecureCRT使用备注 bingyingao secureCRT每页行数
    SecureCRT日志和卷屏行数设置 一、使用securecrt时，设置自动日志记录功能。 1、在C:\Program Files\SecureCRT\下新建一个文件夹(也就是你的CRT可执行文件的路径），命名为Logs； 2、点击Options -> Global Options -> Default Session -> Edite Default Sett
  • 【Scala九】Scala核心三：泛型 bit1129 scala
    泛型类 package spark.examples.scala.generics class GenericClass[K, V](val k: K, val v: V) { def print() { println(k + "," + v) } } object GenericClass { def main(args: Arr
  • 素数与音乐 bookjovi 素数数学haskell
        由于一直在看haskell，不可避免的接触到了很多数学知识，其中数论最多，如素数，斐波那契数列等，很多在学生时代无法理解的数学现在似乎也能领悟到那么一点。     闲暇之余，从图书馆找了<<The music of primes>>和<<世界数学通史>>读了几遍。其中素数的音乐这本书与软件界熟知的&l
  • Java-Collections Framework学习与总结-IdentityHashMap BrokenDreams Collections
            这篇总结一下java.util.IdentityHashMap。从类名上可以猜到，这个类本质应该还是一个散列表，只是前面有Identity修饰，是一种特殊的HashMap。         简单的说，IdentityHashMap和HashM
  • 读《研磨设计模式》-代码笔记-享元模式-Flyweight bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.HashMap; import java.util.List; import java
  • PS人像润饰&调色教程集锦 cherishLC PS
      1、仿制图章沿轮廓润饰——柔化图像，凸显轮廓 http://www.howzhi.com/course/retouching/   新建一个透明图层，使用仿制图章不断Alt+鼠标左键选点，设置透明度为21%，大小为修饰区域的1/3左右（比如胳膊宽度的1/3），再沿纹理方向（比如胳膊方向）进行修饰。   所有修饰完成后，对该润饰图层添加噪声，噪声大小应该和
  • 更新多个字段的UPDATE语句 crabdave update
    更新多个字段的UPDATE语句                    update tableA a set (a.v1, a.v2, a.v3, a.v4) = --使用括号确定更新的字段范围
  • hive实例讲解实现in和not in子句 daizj hivenot inin
    本文转自：http://www.cnblogs.com/ggjucheng/archive/2013/01/03/2842855.html 当前hive不支持 in或not in 中包含查询子句的语法，所以只能通过left join实现。 假设有一个登陆表login(当天登陆记录,只有一个uid),和一个用户注册表regusers(当天注册用户，字段只有一个uid)，这两个表都包含
  • 一道24点的10+种非人类解法（2,3,10,10） dsjt 算法
    这是人类算24点的方法？！！！ 事件缘由：今天晚上突然看到一条24点状态，当时惊为天人，这NM叫人啊？以下是那条状态 朱明西 : 24点，算2 3 10 10，我LX炮狗等面对四张牌痛不欲生，结果跑跑同学扫了一眼说，算出来了，2的10次方减10的3次方。。我草这是人类的算24点啊。。 然后么。。。我就在深夜很得瑟的问室友求室友算 刚出完题，文哥的暴走之旅开始了 5秒后
  • 关于YII的菜单插件 CMenu和面包末breadcrumbs路径管理插件的一些使用问题 dcj3sjt126com yiiframework
    在使用 YIi的路径管理工具时，发现了一个问题。                    <?php         
  • 对象与关系之间的矛盾：“阻抗失配”效应[转] come_for_dream 对象
    概述   “阻抗失配”这一词组通常用来描述面向对象应用向传统的关系数据库（RDBMS）存放数据时所遇到的数据表述不一致问题。C++程序员已经被这个问题困扰了好多年，而现在的Java程序员和其它面向对象开发人员也对这个问题深感头痛。   “阻抗失配”产生的原因是因为对象模型与关系模型之间缺乏固有的亲合力。“阻抗失配”所带来的问题包括：类的层次关系必须绑定为关系模式（将对象
  • 学习编程那点事 gcq511120594 编程互联网
    一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！ 接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去
  • Reverse Linked List II hcx2013 list
    Reverse a linked list from position m to n. Do it in-place and in one-pass. For example:Given 1->2->3->4->5->NULL, m = 2 and n = 4, return 
  • Spring4.1新特性——页面自动化测试框架Spring MVC Test HtmlUnit简介 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • Hadoop集群工具distcp liyonghui160com
        1. 环境描述 两个集群：rock 和 stone rock无kerberos权限认证，stone有要求认证。 1. 从rock复制到stone，采用hdfs Hadoop distcp -i hdfs://rock-nn:8020/user/cxz/input hdfs://stone-nn:8020/user/cxz/运行在rock端，即源端问题：报版本
  • 一个备份MySQL数据库的简单Shell脚本 pda158 mysql脚本
    　　主脚本（用于备份mysql数据库）： 　　该Shell脚本可以自动备份 数据库。只要复制粘贴本脚本到文本编辑器中，输入数据库用户名、密码以及数据库名即可。我备份数据库使用的是mysqlump 命令。后面会对每行脚本命令进行说明。 　　 1. 分别建立目录“backup”和“oldbackup” 　　#mkdir /backup 　　#mkdir /oldbackup 　
  • 300个涵盖IT各方面的免费资源（中）——设计与编码篇 shoothao IT资源图标库图片库色彩板字体
    A. 免费的设计资源 Freebbble:来自于Dribbble的免费的高质量作品。 Dribbble:Dribbble上“免费”的搜索结果——这是巨大的宝藏。 Graphic Burger:每个像素点都做得很细的绝佳的设计资源。 Pixel Buddha:免费和优质资源的专业社区。 Premium Pixels:为那些有创意的人提供免费的素材。
  • thrift总结 - 跨语言服务开发 uule thrift
    官网 官网JAVA例子 thrift入门介绍 IBM-Apache Thrift - 可伸缩的跨语言服务开发框架 Thrift入门及Java实例演示 thrift的使用介绍   RPC    POM： <dependency> <groupId>org.apache.thrift</groupId>
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他