shuangde800
shuangde800

[Codecademy] HTML&CSS第九课 ：CSS Selectors



本文出自   http://blog.csdn.net/shuangde800


[Codecademy] HTML && CSS课程学习目录


------------------------------------------------------------------------------------------------

All HTML elements are selectors（所有的html元素都是html）


前面课程给

,

,,等元素定义成了css的selector,事实上，任何的html元素都可以定义成selector,可以是

,

ID
ID具有唯一性，只能被一个元素引用（实际上大多数浏览器也支持被多个引用，但是不推荐）。


ID的定义以#开头，然后加上ID名即可，例如： 
#first{
     height: 50px;
}
#second{
     height: 100px;
}
#intro{
     color: #FF0000;
}


引用ID
引用id和引用class的方式一样：



clas和id的差别：请看 
除此之外，class和id在表现形式的优先级上也有区别，id比class的优先级高，例如：
有个class和id: 
.first {
    color: #ff0000;
}
#second {
    color: #0000ff;
}


然后一个标签同时引用他们：

那么颜色将显示id second.


pseudo-class selectors（伪类选择器）

已经学了css类选择器，是时候学习伪类选择器了。

伪类选择器是一种获取不是html文件元素树上的一个元素。

你应该曾经在网页上遇到过这种情况：网页上有些链接，当你的鼠标停在上面时链接会变一种颜色，而你点了链接之后，链接又变了一种颜色。这就是用伪类选择器来实现的。


CSS的伪类选择器的语法是： 
selector:pseudo-class_selector{
     property: value;
}



例如： 

a:hover {
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;
}



Links（链接）


链接上有很多种伪类选择器可以用。
a:link 未访问过的链接
a:visited 访问过的链接
a:hover  鼠标停在链接上面时 
a:link {
text-decoration: none;
color: #008B45;
}

a:hover {
color: #00FF00;
}

a:visited {
color: #EE9A00;
}

First-Child


另一个有用的伪类选择器是first-child，它会把风格应用给所有节点的第一个儿子节点， 

p:first-child{
     color: red;
}


例如：
stylesheet.css 
p:first-child {
    font-family: cursive;
    color: red;
}

index.html 


	
		
		
	
	
		

			
I'm the first child!

			
We're not.

			

			     
I'm the first child!

			

			
We're not.

			
We're not.

			
We're not.

			
We're not.

			
We're not.

效果：

[Codecademy] HTML&CSS第九课 ：CSS Selectors_第2张图片



Nth child


除了first-child，你还可以选择第任意个儿子节点， 

p:nth-child(2){
     color: red;
}








你可能感兴趣的:(html&css)

  • 阿里SUI 快速搭建手机WEB APP，路由挺好用 企销客CRM web前端web前端
    链接：http://m.sui.taobao.org/SUIMobile是一套基于Framework7开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到iOS6.0+和Android4.0+，非常适合开发跨平台WebApp。轻量的UI库SUIMobile是非常轻量的，核心库压缩后的JS和CSS文件都只有110+K，却提供了20+个常用的组件。对于只有HTML&CSS
  • React百日学习计划——Deepseek版 LuckyLay react.js学习前端
    阶段一：基础巩固（1-20天）目标：掌握HTML/CSS/JavaScript核心语法和开发环境搭建。每日学习内容：HTML/CSS（1-10天）标签语义化、盒模型、Flex布局、Grid布局、响应式设计（媒体查询）。资源：MDNWebDocs、书籍《HTML&CSS设计与构建网站》。JavaScript基础（11-20天）变量、函数、作用域、ES6+（箭头函数、解构、Promise、模块化）。资
  • React学习路线-Deepseek版 LuckyLay react.js学习前端
    前端开发学习路线图（React方向）一、基础阶段：HTML、CSS和JavaScript目标：掌握网页开发的基础三件套。HTML：•学习内容：基本结构、常用标签（,,等）、语义化标签（HTML5）。•资源：◦MDNHTML入门◦书籍：《HTML&CSS设计与构建网站》（JonDuckett）CSS：•学习内容：选择器、盒模型、Flexbox、Grid、响应式设计（媒体查询）。•资源：◦MDNCSS
  • 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测试试题（简单版） htmlcss前端
    一、选择题(每题2分)1、在HTML中，要定义一个空链接使用的标记是？AA、   B、   C、  D、2、以下对html的描述不正确的是？AA、html是一种超文本标记语言，标签不能交叉嵌套使用；不能在html中插入特殊标签，比如：imgB、html是一种超文本标记语言，标签可以交叉嵌套使用，可以在html中插入特殊标签，比如：imgC、html是一种超文本标记语言，大小写不敏感，标签可以交叉嵌
  • Day-01 前端 Web - HTML&CSS 枫super JavaWebhtml前端
    目录一、HTML基础1.HTML简介2.HTML基本结构3.常用HTML标签二、CSS基础1.CSS简介2.CSS引入方式3.常用CSS选择器4.常用CSS属性一、HTML基础1.HTML简介HTML（HyperTextMarkupLanguage）即超文本标记语言，是用于创建网页的标准标记语言。它通过各种标签来描述网页的结构和内容，浏览器会根据这些标签来渲染网页。2.HTML基本结构一个基本的H
  • HTML&CSS：用Three.js创造3D书本世界 前端Hardy CSShtmlcssjavascript
    这个页面实现了一个带有3D动画效果的网页，用户可以看到一个3D场景中的书本随机放置并旋转。页面使用了Three.js库和GSAP库来实现3D效果和动画，整体设计风格现代且具有视觉吸引力。大家复制代码时，可能会因格式转换出现错乱，导致样式失效。建议先少量复制代码进行测试，若未能解决问题，私信回复源码两字，我会发送完整的压缩包给你。演示效果HTML&CSS公众号关注：前端Hardyhtml,body{
  • HTML&CSS：3D加载动画的实现 前端Hardy CSShtmlcss3djavascript前端交互
    这个页面实现了一个带有两组不同颜色和渐变效果的加载动画。每组动画包含四个加载器，每个加载器都有一个旋转动画和光点效果。页面使用了CSS动画和渐变背景来增强视觉效果，整体设计风格现代且具有视觉吸引力。大家复制代码时，可能会因格式转换出现错乱，导致样式失效。建议先少量复制代码进行测试，若未能解决问题，私信回复源码两字，我会发送完整的压缩包给你。演示效果HTML&CSS公众号关注：前端Hardy*{ma
  • HTML&CSS：必学！手把手教你实现动态天气图标 前端Hardy CSShtmlcss前端javascript3d
    这段HTML和CSS代码描述了一个动态天气图标集合的效果，通过CSS动画和样式实现了多种天气状态的动态展示。大家复制代码时，可能会因格式转换出现错乱，导致样式失效。建议先少量复制代码进行测试，若未能解决问题，私信回复源码两字，我会发送完整的压缩包给你。演示效果HTML&CSS公众号关注：前端Hardyhtml{box-sizing:border-box;}html*,html*:before,ht
  • HTML&CSS绘制三角形 南枝异客 前端csshtml开发语言
    1.代码：01triangle.box{width:0px;height:0px;/*background-color:red;*/border:50pxsolidtransparent;border-left:50pxsolidrgb(255,174,0)}2.效果图
  • HTML&CSS ：必学！超实用打字练习神器 前端Hardy CSShtmlcss前端javascript
    这段代码是一个HTML页面，它包含CSS样式和JavaScript脚本，用于创建一个简单的打字练习工具。用户可以在输入框中输入文本，页面会实时反馈用户的输入是否正确，并高亮显示正确的字符和错误的字符。大家复制代码时，可能会因格式转换出现错乱，导致样式失效。建议先少量复制代码进行测试，若未能解决问题，私信我，我会发送完整的压缩包给你。演示效果HTML&CSS键盘打字练习body{font-famil
  • 纯HTML&CSS实现3D旋转地球 前端Hardy CSShtmlcss3djavascript前端
    效果演示这段HTML和CSS代码创建了一个带有动画效果的星空背景，其中包含闪烁的星星和一个旋转的地球图案。HTMLsection-banner:这是最外层的容器，用于包含所有的星星和地球图案。star-1~star-7:这些是单个星星的容器，每个星星都有自己的位置和动画。curved-corner-star">:这是构成星星形状的容器，包含四个角的元素。curved-corner-bottomri
  • HTML&CSS ：下雪了 前端Hardy CSShtmlcss前端javascript交互
    这段代码创建了一个动态的雪花飘落加载动画，通过CSS技术实现了雪花的下落和消失效果，为页面添加了视觉吸引力和动态感。大家复制代码时，可能会因格式转换出现错乱，导致样式失效。建议先少量复制代码进行测试，若未能解决问题，私信我，我会发送完整的压缩包给你演示效果HTML&CSS公众号关注：前端Hardybody{margin:0;padding:0;height:100vh;display:flex;a
  • HTML&CSS：雪花飘落邮票动画 前端Hardy CSShtmlcss前端
    这段代码创建了一个带有动画效果的邮票场景，通过CSS和JavaScript技术模拟了雪花的下落和邮票的装饰效果，为页面添加了节日气氛。演示效果HTML&CSS公众号关注：前端Hardy@importurl('https://fonts.googleapis.com/css2?family=Dancing+Script:[email protected]&family=Inter:ital,opsz,wgh
  • HTML&CSS ：如此优雅丝滑的导航栏，你不看看吗？ 前端Hardy CSShtmlcss前端javascript
    这段代码创建了一个动态的导航栏，通过CSS技术实现了按钮的激活和悬停效果，以及动态背景效果，为页面添加了视觉吸引力和用户交互体验。大家复制代码时，可能会因格式转换出现错乱，导致样式失效。建议先少量复制代码进行测试，若未能解决问题，私信我，我会发送完整的压缩包给你演示效果HTML&CSS公众号关注：前端Hardybody{margin:0;padding:0;background-color:#07
  • 前端知识HTML&CSS 啵啵薯条 前端前端htmlcss
    目录1.前端开发介绍1.1认识前端开发1.2web标准2.HTML&CSS2.1HTML快速入门2.1.1操作2.1.2总结2.2开发工具2.3基础标签&样式2.3.1标题实现2.3.1.1标题排版2.3.1.1.1分析2.3.1.1.2标签2.3.1.1.2实现2.3.1.2标题样式2.3.1.2.1CSS引入方式2.3.1.2.2颜色表示2.3.1.2.3标题字体颜色2.3.1.2.4CSS选
  • HTML&CSS（Day02） 宝宝跟你们拼啦
    1、盒子模型1-1：div元素的引出1-2：盒子模型的五个主要元素：width、height、padding、border、marginwidth：内容的宽度。CSS中width指的是内容的宽度，而不是盒子的宽度。盒子的宽度=内容宽度+padding+borderheight：内容的高度。CSS中height指的是内容的高度，而不是盒子的高度。盒子的高度=内容高度+padding+borderpa
  • HTML&CSS仿京东首页制作静态页面总结 ccj_zxy csshtml前端
    目录一.网站优化三大标签：title（网站标题），description（网站说明），Keywords（网站关键词）二.favicon图表的使用三.字体图标的使用四.base.css和common.css的使用五.仿京东首页的制作（1）顶部快捷导航的制作（2）head头部的制作（3）顶部导航的制作（4）footer底部栏的制作（5）main主要部分的制作编辑（6）推荐部分的制作（7）楼层区的制作
  • HTML&CSS JavaScript 基础 ARTHUR王旭光 htmlcssjavascript
    HTML复杂建立骨架。CSS复杂装修。JS负责定义行为和交互。示例功能，点击按钮，数量增加，图片交互显示。Documentvarcount=0;functionclickFunc(){document.getElementById("h1").innerText=`${++count}`;document.getElementById("img").style.visibility=count%2
  • 免费自学编程的12个网站 蓝调之歌
    现在，如果你想学编程的话，这12个网站可以帮助你，它们都提供了免费的课程供你学习，因此你无需担心费用的问题。1.Codecademy其中，Codecademy是最受欢迎的免费编程学习网站之一。事实上，已经有超过2400万人通过这家公司的教育模式学会了编程。Codecademy开设的课程有HTML&CSS，JavaScript，jQuery的，PHP，Python和Ruby。2.CourseraCo
  • html&css Jones_aj 前端
    HTML&CSS笔记总结标签语义化网页最大标题只能写一个提高网页的排名写在log下面h2-h6内容标题可以随便多写从大到小的写容器可以装任何东西包裹一段文字包裹重要文字引入图片属性src图片地址alt图片描述图片未引用成功时显示在页面ali中描述内容title当鼠标移到到标签时显示内容在哪里引入图片就在哪里开始找相对路径./同级文件/打开文件夹…/打开上一级对话列表dldt标题dd内容列表无序列表
  • HTML&CSS基础篇之一：HTML前世今生 浪子大侠走江湖 html
    HTML到底是什么超文本标记语言HTML——超文本标记语言（英语：HyperTextMarkupLanguage，简称：HTML）是一种用于创建网页的标准标记语言。1.HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。2.HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。3.网页
  • HTML&CSS基础总结 Night_Kid
    1.设置宽度width:100px;2.设置高度height:100px;3.设置外边距上下左右均有100px的外边距（盒子与盒子之间的距离）margin:100px;3.1设置上外边距margin-top:100px;3.2设置下外边距margin-bottom:100px;3.3设置左外边距margin-left:100px;3.4设置右外边距margin-right:100px;3.5有宽度
  • Html&CSS学习笔记02---HTML标签的介绍 DKTF
    1、HTML标签介绍1.1、标签的格式:封装的数据1.2、标签名大小写不敏感1.3、标签拥有自己的属性基本属性：bgcolor="red"可以修改简单的样式效果事件属性：onclick="alert('你好！');"可以直接设置事件响应后反馈的代码1.4、标签又分为，单标签和双标签单标签格式：换行水平线双标签格式:..封装的数据....封装的数据..1.5、标签的语法正确：早安，尚硅谷错误：早安，
  • HTML&CSS知识点总结（二） nzdnllm
    1.表单标签常用属性：action：表单提交的位置method：表单提交的方法（get/post/put/delete……）默认值:get2.表单常用值解析：（1）用户名：value：文本框默认值size：文本框长度maxlengh：最多输入字符数readonly：只读（用户修改用户信息时的身份证号等条目）placeholder：提示信息3.使用div+CSS布局完成首页重构（1）divhtml标
  • html&css笔记完整版 NoN小旻 前端html&css自学htmlcss
    把1,2合在一起了，方便查看教程指路：这里目录1.导入京东界面练习（p102-114）设置网站图标（用在标题栏和收藏栏）2.vscode使用3.html实体meta标签：语义化标签块元素和行内元素列表超链接路径：图片标签内联框架音视频表格table表单formCSS设置样式：语法：选择器：单个选择器：复合选择器：父子兄弟选择器：属性选择器伪类选择器：否定伪类：超链接伪类：伪元素选择器：权重继承单位
  • JAVA WEB笔记：HTML&CSS Yonin JAVAWEBcsshtmlwebjava
    文章目录一、Web概述1.1JavaWeb概念1.2软件架构1.3B/S架构详解二、HTML2.1HTML概念2.2快速入门2.3标签学习2.3.1文件标签：构成html最基本的标签2.3.2文本标签：和文本有关的标签2.3.3图片标签2.3.4列表标签2.3.5链接标签2.3.6div和span2.3.7语义化标签：html5中为了提高程序的可读性，提供了一些标签2.3.8表格标签三、案例：旅游
  • 前端三件套html/css/js的基本认识以及示例程序 killsime csshtml前端
    简介本文简要讲解了html,css,js.主要是让大家简要了解网络知识因为实际开发中很少直接写html&css,所以不必过多纠结,了解一下架构就好希望深度学习可以参考MDN和w3schoolHTML基础HTML(HyperTextMarkupLanguage)不是一门编程语言,而是一种用来告知浏览器如何组织页面的标记语言.主要用于页面结构的组织最简单的一个内容是这样的welcometohtml属性
  • JavaWeb——前端之HTML&CSS 小鱼0135 JAVA基础篇#JavaWeb前端htmlcss
    学习视频链接：https://www.bilibili.com/video/BV1m84y1w7Tb/?spm_id_from=333.999.0.0一、Web开发1.概述能通过浏览器访问的网站2.Web网站的开发模式——主流是前后端分离二、前端Web开发1.初识前端编写的代码通过浏览器进行解析和渲染得到我们看到的网页，不同的浏览器有不同的内核，拿为甚么我们看到的网页在不同的浏览器下是一样的？——
  • WEB开发笔记之HTML&CSS及相关基础篇介绍 九阳子 内核csshtmljsweb
    文章目录什么是web？什么是w3c？web学习的基础部分：HTML+CSS+js=网页如何执行HTML和CSS？什么是web？web：WorldWideWeb（全球广域网，也称万维网。）是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统，是建立在Internet上的一种网络服务。什么是w3c？w3c:万维网联盟。是Web技术领域最具权威和影响力的国际中立性技术标准机构。
  • JAVA中的Enum 周凡杨 javaenum枚举
    Enum是计算机编程语言中的一种数据类型---枚举类型。 在实际问题中，有些变量的取值被限定在一个有限的范围内。     例如，一个星期内只有七天 我们通常这样实现上面的定义： public String monday; public String tuesday; public String wensday; public String thursday
  • 赶集网mysql开发36条军规 Bill_chen mysql业务架构设计mysql调优mysql性能优化
    (一)核心军规 (1)不在数据库做运算    cpu计算务必移至业务层； (2)控制单表数据量    int型不超过1000w，含char则不超过500w；    合理分表；    限制单库表数量在300以内； (3)控制列数量    字段少而精，字段数建议在20以内
  • Shell test命令 daizj shell字符串test数字文件比较
    Shell test命令 Shell中的 test 命令用于检查某个条件是否成立，它可以进行数值、字符和文件三个方面的测试。 数值测试 参数 说明 -eq 等于则为真 -ne 不等于则为真 -gt 大于则为真 -ge 大于等于则为真 -lt 小于则为真 -le 小于等于则为真 实例演示： num1=100 num2=100if test $[num1]
  • XFire框架实现WebService(二) 周凡杨 javawebservice
       有了XFire框架实现WebService(一)，就可以继续开发WebService的简单应用。 Webservice的服务端(WEB工程)： 两个java bean类： Course.java    package cn.com.bean; public class Course {     private
  • 重绘之画图板 朱辉辉33 画图板
           上次博客讲的五子棋重绘比较简单，因为只要在重写系统重绘方法paint（）时加入棋盘和棋子的绘制。这次我想说说画图板的重绘。        画图板重绘难在需要重绘的类型很多，比如说里面有矩形，园，直线之类的，所以我们要想办法将里面的图形加入一个队列中，这样在重绘时就
  • Java的IO流 西蜀石兰 java
    刚学Java的IO流时，被各种inputStream流弄的很迷糊，看老罗视频时说想象成插在文件上的一根管道，当初听时觉得自己很明白，可到自己用时，有不知道怎么代码了。。。 每当遇到这种问题时，我习惯性的从头开始理逻辑，会问自己一些很简单的问题，把这些简单的问题想明白了，再看代码时才不会迷糊。 IO流作用是什么？ 答：实现对文件的读写，这里的文件是广义的； Java如何实现程序到文件
  • No matching PlatformTransactionManager bean found for qualifier 'add' - neither 林鹤霄
    java.lang.IllegalStateException: No matching PlatformTransactionManager bean found for qualifier 'add' - neither qualifier match nor bean name match!   网上找了好多的资料没能解决，后来发现：项目中使用的是xml配置的方式配置事务，但是
  • Row size too large (> 8126). Changing some columns to TEXT or BLOB aigo column
    原文：http://stackoverflow.com/questions/15585602/change-limit-for-mysql-row-size-too-large   异常信息： Row size too large (> 8126). Changing some columns to TEXT or BLOB or using ROW_FORMAT=DYNAM
  • JS 格式化时间 alxw4616 JavaScript
    /** * 格式化时间 2013/6/13 by 半仙 [email protected] * 需要 pad 函数 * 接收可用的时间值. * 返回替换时间占位符后的字符串 * * 时间占位符:年 Y 月 M 日 D 小时 h 分 m 秒 s 重复次数表示占位数 * 如 YYYY 4占4位 YY 占2位<p></p> * MM DD hh mm
  • 队列中数据的移除问题 百合不是茶 队列移除
         队列的移除一般都是使用的remov();都可以移除的,但是在昨天做线程移除的时候出现了点问题,没有将遍历出来的全部移除,  代码如下;      // package com.Thread0715.com; import java.util.ArrayList; public class Threa
  • Runnable接口使用实例 bijian1013 javathreadRunnablejava多线程
    Runnable接口 a.       该接口只有一个方法：public void run(); b.       实现该接口的类必须覆盖该run方法 c.       实现了Runnable接口的类并不具有任何天
  • oracle里的extend详解 bijian1013 oracle数据库extend
    扩展已知的数组空间，例： DECLARE TYPE CourseList IS TABLE OF VARCHAR2(10); courses CourseList; BEGIN -- 初始化数组元素，大小为3 courses := CourseList('Biol 4412 ', 'Psyc 3112 ', 'Anth 3001 '); --
  • 【httpclient】httpclient发送表单POST请求 bit1129 httpclient
    浏览器Form Post请求 浏览器可以通过提交表单的方式向服务器发起POST请求，这种形式的POST请求不同于一般的POST请求 1. 一般的POST请求，将请求数据放置于请求体中，服务器端以二进制流的方式读取数据，HttpServletRequest.getInputStream()。这种方式的请求可以处理任意数据形式的POST请求，比如请求数据是字符串或者是二进制数据 2. Form
  • 【Hive十三】Hive读写Avro格式的数据 bit1129 hive
     1. 原始数据 hive> select * from word; OK 1 MSN 10 QQ 100 Gtalk 1000 Skype      2. 创建avro格式的数据表   hive> CREATE TABLE avro_table(age INT, name STRING)STORE
  • nginx+lua+redis自动识别封解禁频繁访问IP ronin47
    在站点遇到攻击且无明显攻击特征，造成站点访问慢，nginx不断返回502等错误时，可利用nginx+lua+redis实现在指定的时间段 内，若单IP的请求量达到指定的数量后对该IP进行封禁，nginx返回403禁止访问。利用redis的expire命令设置封禁IP的过期时间达到在 指定的封禁时间后实行自动解封的目的。 一、安装环境： CentOS x64 release 6.4(Fin
  • java-二叉树的遍历-先序、中序、后序（递归和非递归）、层次遍历 bylijinnan java
    import java.util.LinkedList; import java.util.List; import java.util.Stack; public class BinTreeTraverse { //private int[] array={ 1, 2, 3, 4, 5, 6, 7, 8, 9 }; private int[] array={ 10,6,
  • Spring源码学习-XML 配置方式的IoC容器启动过程分析 bylijinnan javaspringIOC
    以FileSystemXmlApplicationContext为例，把Spring IoC容器的初始化流程走一遍： ApplicationContext context = new FileSystemXmlApplicationContext ("C:/Users/ZARA/workspace/HelloSpring/src/Beans.xml&q
  • [科研与项目]民营企业请慎重参与军事科技工程 comsci 企业
         军事科研工程和项目 并非要用最先进，最时髦的技术，而是要做到“万无一失”    而民营科技企业在搞科技创新工程的时候，往往考虑的是技术的先进性，而对先进技术带来的风险考虑得不够，在今天提倡军民融合发展的大环境下，这种“万无一失”和“时髦性”的矛盾会日益凸显。。。。。。所以请大家在参与任何重大的军事和政府项目之前，对
  • spring 定时器-两种方式 cuityang springquartz定时器
    方式一： 间隔一定时间 运行 <bean id="updateSessionIdTask" class="com.yang.iprms.common.UpdateSessionTask" autowire="byName" /> <bean id="updateSessionIdSchedule
  • 简述一下关于BroadView站点的相关设计 damoqiongqiu view
    终于弄上线了，累趴，戳这里http://www.broadview.com.cn   简述一下相关的技术点   前端：jQuery+BootStrap3.2+HandleBars，全站Ajax（貌似对SEO的影响很大啊！怎么破？），用Grunt对全部JS做了压缩处理，对部分JS和CSS做了合并（模块间存在很多依赖，全部合并比较繁琐，待完善）。   后端：U
  • 运维 PHP问题汇总 dcj3sjt126com windows2003
    1、Dede(织梦)发表文章时,内容自动添加关键字显示空白页 解决方法： 后台>系统>系统基本参数>核心设置>关键字替换（是/否），这里选择“是”。 后台>系统>系统基本参数>其他选项>自动提取关键字，这里选择“是”。   2、解决PHP168超级管理员上传图片提示你的空间不足 网站是用PHP168做的，反映使用管理员在后台无法
  • mac 下 安装php扩展 - mcrypt dcj3sjt126com PHP
    MCrypt是一个功能强大的加密算法扩展库，它包括有22种算法，phpMyAdmin依赖这个PHP扩展，具体如下： 下载并解压libmcrypt-2.5.8.tar.gz。 在终端执行如下命令： tar zxvf libmcrypt-2.5.8.tar.gz cd libmcrypt-2.5.8/ ./configure --disable-posix-threads --
  • MongoDB更新文档 [四] eksliang mongodbMongodb更新文档
    MongoDB更新文档 转载请出自出处：http://eksliang.iteye.com/blog/2174104 MongoDB对文档的CURD，前面的博客简单介绍了，但是对文档更新篇幅比较大，所以这里单独拿出来。 语法结构如下： db.collection.update( criteria, objNew, upsert, multi) 参数含义 参数   
  • Linux下的解压，移除，复制，查看tomcat命令 y806839048 tomcat
    重复myeclipse生成webservice有问题删除以前的，干净 1、先切换到：cd usr/local/tomcat5/logs 2、tail -f catalina.out 3、这样运行时就可以实时查看运行日志了 Ctrl+c 是退出tail命令。 有问题不明的先注掉   cp /opt/tomcat-6.0.44/webapps/g
  • Spring之使用事务缘由(3-XML实现) ihuning spring
      用事务通知声明式地管理事务   事务管理是一种横切关注点。为了在 Spring 2.x 中启用声明式事务管理，可以通过 tx Schema 中定义的 <tx:advice> 元素声明事务通知，为此必须事先将这个 Schema 定义添加到 <beans> 根元素中去。声明了事务通知后，就需要将它与切入点关联起来。由于事务通知是在 <aop:
  • GCD使用经验与技巧浅谈 啸笑天 GC
    前言 GCD(Grand Central Dispatch)可以说是Mac、iOS开发中的一大“利器”，本文就总结一些有关使用GCD的经验与技巧。 dispatch_once_t必须是全局或static变量 这一条算是“老生常谈”了，但我认为还是有必要强调一次，毕竟非全局或非static的dispatch_once_t变量在使用时会导致非常不好排查的bug，正确的如下： 1
  • linux（Ubuntu）下常用命令备忘录1 macroli linux工作ubuntu
    在使用下面的命令是可以通过--help来获取更多的信息1,查询当前目录文件列表：ls ls命令默认状态下将按首字母升序列出你当前文件夹下面的所有内容，但这样直接运行所得到的信息也是比较少的，通常它可以结合以下这些参数运行以查询更多的信息：  ls / 显示/.下的所有文件和目录  ls -l 给出文件或者文件夹的详细信息 ls -a 显示所有文件，包括隐藏文
  • nodejs同步操作mysql qiaolevip 学习永无止境每天进步一点点mysqlnodejs
    // db-util.js var mysql = require('mysql'); var pool = mysql.createPool({ connectionLimit : 10, host: 'localhost', user: 'root', password: '', database: 'test', port: 3306 });
  • 一起学Hive系列文章 superlxw1234 hiveHive入门
      [一起学Hive]系列文章 目录贴，入门Hive，持续更新中。   [一起学Hive]之一—Hive概述，Hive是什么 [一起学Hive]之二—Hive函数大全-完整版 [一起学Hive]之三—Hive中的数据库(Database)和表(Table) [一起学Hive]之四-Hive的安装配置 [一起学Hive]之五-Hive的视图和分区 [一起学Hive
  • Spring开发利器：Spring Tool Suite 3.7.0 发布 wiselyman spring
    Spring Tool Suite(简称STS)是基于Eclipse，专门针对Spring开发者提供大量的便捷功能的优秀开发工具。   在3.7.0版本主要做了如下的更新：   将eclipse版本更新至Eclipse Mars 4.5 GA Spring Boot(JavaEE开发的颠覆者集大成者，推荐大家学习)的配置语言YAML编辑器的支持(包含自动提示，