GeekLee.
GeekLee.

CSS选择器(一)

CSS选择器(一)

在css中有了选择器我们就可以通过各种规则对元素添加样式.

选择器的种类

  • 通配选择器
  • 元素选择器
  • 属性选择器
  • 结构伪类选择器
  • 链接伪类选择器
  • 动态伪类选择器
  • 目标伪类选择器
  • 语言选择器
  • UI元素声明选择器
  • 类选择器
  • ID选择器
  • 否定伪类
  • 后代选择器
  • 子元素选择器
  • 相邻兄弟选择器
  • 通配兄弟选择器

以上便是css1 - css3 所有的选择器,分类的比较细,这边文章会挑一部分示例,文字显示被选中的元素即是被选中的.

通配选择器

 <style>
        div {width: 100px;height:50px;}
        * {border: 1px solid;}
 style>

<body>
    <div>div1被选中div>
    <div>div2被选中div>
body>

使用 * 通配符可以看到两个div都添加了边框. 测试选择器时尽量使用非继承性元素进行测试,减少干扰.

元素选择器

<style>
        div {width: 100px;height:50px;}
        span {border: 1px solid;}
style>

<body>
    <div>div1div>
    <div>div2div>
    <span>span1被选中span>
body>

顾名思义,即通过元素的名字进行选择.

属性选择器

<style>
    div {width: 100px;height:50px;}
    div[name] {border: 1px solid;}
style>

<body>
    <div>div1div>
    <div name="div2">div2被选中div>
body>

div[name] 这种形式即表示有name属性的元素被选中,属性选择器还分了很多不同的情况

  • element[attrname=“attrvalue”] 属性名和属性值对应的元素被选中
  • element[attrname~=“attrvalue”]
    div2
     属性值以空格分割只要包含对应的attrvalue就被选中
  • element[attrname^=“attrvalue”] 对应attrname的属性值以attrvalue开头被选中
  • element[attrname$=“attrvalue”] 对应attrname的属性值以attrvalue结尾被选中
  • element[attrname*=“attrvalue”] 对应attrname的属性值中只要存在attrvalue不管是开头或者结尾还是中间就被选中
  • element[attrname|=“attrvalue”] 对应attrname的属性值以attrvalue或者attrvalue- 开头就被选中

结构伪类选择器

  • :root 匹配文档树的根元素。对于 HTML 来说，:root 表示 元素，除了优先级更高之外，与 html 选择器相同。
  • :nth-child(n) 即选中第n个指定元素父元素的子元素,n可以为具体数字,填写n的话默认全选中,也可以是odd(奇数行),even(偶数行)被选中,指定的n的位置上位其他元素时则不会被选中
<style>
    div:nth-child(n) {
        border: 1px solid;
    }
style>

<body>
    <div>div1被选中div>
    <span>不被选中span>
    <div name="divdidiv2v3">div2被选中div>
body>
  • E:nth-last-child(n) 与上面类似顺序相反
  • E:nth-of-type(n) 匹配那些在相同兄弟节点中的位置与模式n 匹配的相同元素,n的位置会跳过类型不同的元素,如div:nth-of-type(n) ,则只计算div的个数
  • E:nth-last-of-type(n) 与上面的相反
  • E:first-child 指定元素是其父元素中第一个的情况下被选中
<style>
    span:first-child {border: 1px solid;}
style>
<body>
    <div>
        <span>p1被选中span>
        <span>
            <span>p1被选中span>
        span>
    div>
    <h1>
        <em>em1em>
        <span>p1span>
        <span>p2span>
    h1>
body>
  • E:last-child 与上面相反
  • E:first-of-type 与上面类似但是不会被其他类型元素影响,例如 h1 中的第二个span 也会被选中
<style>
    span:first-of-type {border: 1px solid;}
style>
<body>
    <div>
        <span>p1被选中span>
        <span>
            <span>p1被选中span>
        span>
    div>
    <h1>
        <em>em1em>
        <span>p1被选中span>
        <span>p2span>
    h1>
body>
  • E:last-of-type 与上面相反
  • E:only-child 指定元素是其父元素中唯一的情况下被选中
<style>
    span:only-child {border: 1px solid;}
style>

<body>
    <div>
        <span>span1span>
       <span>span2span>
    div>
    <h1>
       <span>span2被选中span>
    h1>
body>
  • E:only-of-type 与上面类似但是不受其他类型元素影响
<style>
    span:only-of-type {border: 1px solid;}
style>

<body>
    <div>
        <span>span1span>
       <span>span2span>
    div>
    <h1>
        <em>em1em>
       <span>span2被选中span>
    h1>
body>

欢迎关注我的公众号:
CSS选择器(一)_第1张图片

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

  • vue3 mathjax2.7.7 数学公式 xsjCoding mathjax
    1.index.html代码部分MathJax.Hub.Config({extensions:["tex2jax.js"],jax:["input/TeX","output/HTML-CSS"],tex2jax:{inlineMath:[["$","$"],["\\(","\\)"]]}});2.在需要使用数学公式的vue页面调用方法onMounted(()=>{setTimeout(MathJa
  • JavaWeb之HTML-CSS --黑马笔记 DaveVV javawebhtml5csscss3javaintellij-idea前端java-ee
    什么是HTML?标记语言：由标签构成的语言。注意：HTML标签都是预定义好的，HTML代码直接在浏览器中运行，HTML标签由浏览器解析。什么是CSS?开发工具VSCode--安装文档和安装包都在网盘中链接：https://pan.baidu.com/s/1iZ0froMgC17TMu-9mT-jJw?pwd=8888提取码：8888HTML标签图片标签：注意：该标签为自闭合标签。-----自闭合标
  • HTML-CSS知识速查 Xy丶Promise htmlcss前端
    HTML/CSS知识速查文章目录HTML/CSS知识速查@[toc]网页的组成浏览器**为什么需要Web标准：****web标准的构成：**HTMLHTML语法导读**1.1HTML语法规则：**1.2基本结构标签**1.3标签的关系：**1.**包含关系（Parent-ChildRelationship）**:2.**并列关系（SiblingRelationship）**:HTML常用语法2.1
  • 独立开发者学习的技术栈 ejinxian 学习
    #前端语言-HTML-CSS/Sass/PostCSS-JavaScript/TypeScriptJS框架-Vue-NuxtJS-React-NextJS-RemixJSCSS框架-Tailwindcss-Bulma#设计语言-AntDesign-MaterialDesign#后端语言-JavaScript/TypeScript-Python-Java-PHP框架-NestJS-ExpressJS
  • HTML-CSS：边框图片 韦栋
    /*设置图片作为边框内容，默认情况下会吧图片放到边框的四个顶点，边框图片的优先级要高于边框颜色，如果设置了边框图片，那么就不会显示边框颜色*/border-image-source:url("图片路径")/*如何对指定边框图片进行切割*/border-image-slice:70707070;border-image-slice:70707070fill;/*保留边框图像的中间部分*//*边框图片
  • 前端编码规范之CSS规范 AS、SD CSScss
    通用规范省略图片、样式、脚本以及其他媒体文件URL的协议部分（http:,https:），除非文件在两种协议下都不可用。这种方案称为protocol-relativeURL，好处是无论你是使用HTTPS还是HTTP,访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节省一部分字节。–Example–-html-css/*不推荐*/.example{background:url("https
  • HTML-CSS：vertical-align属性 韦栋
    vertical-align是什么？设置元素的垂直对齐方式。注意点：text-align是设置给需要对齐元素的父元素，vertical-align是设置给需要对齐的那个元素本身，vertical-align只对行内元素有效。/*默认情况下图片和一行文字的基线对齐，基线就是一行文字中最短那个文字的底部*/vertrical-align:baseline;/*图片和父元素的顶部对齐*/vertrica
  • 黑马程序员2023新版JavaWeb企业开发全流程学习笔记（涵盖Spring+MyBatis+SpringMVC+SpringBoot等） Kim-Hyunyeon 阶段3：Java企业开发基础spring学习笔记webmybatisspringbootjava
    目录零、Web开发一、HTML-CSS初识Web前端Web前端课程安排小结HTML、CSS介绍HTML快速入门HTML小结VSCode开发工具基础标签&样式-合集（拟新浪微博为例）标题排版样式超链接正文排版布局表格、表单标签表格标签表单标签表单项二、JavaScriptJS基本介绍JS引入方式JS基础语法书写语法变量数据类型、运算符、流程控制语句数据类型运算符流程控制JS函数JS对象ArraySt
  • html背景百分比渐变,html-CSS背景渐变发光动画 吴玄熙 html背景百分比渐变
    我想创建一个发光加载动画,该动画将出现在具有不同背景颜色的多个元素上.当前,我正在使用背景图像渐变,并且正在使用vw单位为背景位置设置动画,但是它不可缩放,我的元素将具有不同的长度.有没有一种方法可以使背景图像具有百分比单位？创建的动画body{background:black;}header{width:100%;height:50px;background-color:rebeccapurpl
  • html-css 陈方超
    今日内容1.web概念概述2.HTMLweb概念概述*JavaWeb：*使用Java语言开发基于互联网的项目*软件架构：1.C/S:Client/Server客户端/服务器端*在用户本地有一个客户端程序，在远程有一个服务器端程序*如：QQ，迅雷...*优点：1.用户体验好*缺点：1.开发、安装，部署，维护麻烦2.B/S:Browser/Server浏览器/服务器端*只需要一个浏览器，用户通过不同的
  • HTML-CSS的三种使用方式 傅hc
    一、HTML标签的简单使用HTML标签其实是为了展示文档而发明的，而标签的出现是为了满足文档的展示效果。HTML提供的标签有很多，比如div、span、a、img、p等等，其中div、span在语义上不表示任何特定类型的内容，适合用在没有任何语义的场景。图1-1图1-2下图的demo就是HTML标签和CSS的简单使用，代码放在Github。图1-3二、CSS的三种使用方式1.（最常用）通过link
  • HTML-CSS：颜色渐变 韦栋
    线性渐变/*渐变不是一个新的属性,而是一个取值默认情况下线性渐变是从上至下的渐变我们可以通过在颜色的前面添加toxxx修改渐变的方向totoptolefttoright*//*background-image:linear-gradient(totopright,red,blue);*//*除了可以通过关键字控制渐变的方向以外,还可以通过角度来控制渐变的方向,角度是按照顺时针旋转*//*backg
  • html兼容性问题css,[Html-Css] 兼容性问题（ css） Monsterchen Xu html兼容性问题css
    记录平时遇见的兼容性问题，有更好的解决办法希望各位提出，会持续更新提出时间问题描述解决方案2014/7/15table下面使用img或者其他元素例如embed会产生,对应的空隙,假如使用文字缺不会发生上述问题.方法1:可以使用怪异模式进行解析html,不建议(把!doctypehtml去掉方法2:设置对应的元素的css;设置为块状元素或者浮动,具体帖子http://blog.csdn.net/fg
  • 界面控件DevExpress WinForms HTML-CSS模板：预设计UI模板加速.NET应用开发 界面开发小八哥 htmlcssUI开发界面控件devexpress
    在过去的一年里，DevExpress官方引入了两个强大的功能来加速/简化.NET桌面应用的开发，当一起使用时，您可以创建优雅/个性化的用户界面，减少重复的代码，从而节省更多的项目时间。DevExpressWinForms有180+组件和UI库，能为WindowsForms平台创建具有影响力的业务解决方案。同时能完美构建流畅、美观且易于使用的应用程序，无论是Office风格的界面，还是分析处理大批量
  • 2013年2月 MrZac_
    在2月12日，我开始听音乐，我不记得有多长时间没有松开自己的情绪了14日，在扇贝网学习英语单词的计划，由于感觉过于消极，所以暂时搁置了，在这天，根据记录，可以知道我开始翻看初中语文教材，还为涂鸦上帝新建了一个文档，文档记录游戏里合成的各种元素，以及它们在英文百科的释义24日，笔记里增加了一些样式，因为笔记支持html-css我把在豆瓣音乐电台听到的好听曲目记录在word文档，我也在v电影挑选了一些
  • html-css文字特效,7款震撼人心的HTML5CSS3文字特效 号三 html-css文字特效
    1、HTML5像素文字爆炸重组动画特效今天我们要分享一款基于HTML5技术的文字像素爆炸重组动画特效，我们可以在输入框中指定任意文字，点击确定按钮后，就会将原先的文字爆炸散去，新的文字以像素点的形式组合起来，看起来非常棒。2、HTML5/CSS33D文字特效文字外翻效果今天我们再来分享一款很酷的HTML5/CSS33D文字特效，该文字特效的效果是鼠标滑过文字就会出现3D外翻的效果，非常不错的一款文
  • 一个简单的CSS例子 鱼馅饼 css前端
    一.欢迎来到我的酒馆从头讲一门语言总是显得很难，先借助一个小项目来学习CSS。这里我写了一个超级简单的html+css项目，项目里面就只有一个网页：index.html。解压出来点击下载一个简单的html-css例子目录一.欢迎来到我的酒馆二.什么是css三.index页面标签分析四.html基础五.css基础六.结束语打开index页面，网页的效果图：二.什么是cssCSS层叠样式表(Casca
  • html-css里面的样式1 常婧帅
    width:50px;宽50像素height:50px;高50像素background-color:red;背景颜色红色display:block;块状元素float:left;左浮动line-height:50px;行高50像素list-style-type:none;清除链接下划线
  • HTML-CSS常见面试题整理！面试题？看这一篇就够了 一只小可乐吖 javascriptcss前端html
    请解释HTML、CSS、JavaScript分别是什么？HTML是一种标记语言，用于创建网页结构和内容。它定义了不同的标记（或元素）来表示网站中的不同部分，如标题、段落、链接和图像等。HTML是构建网页的基础。CSS是一种样式表语言，用于美化网页。它定义了不同的样式规则来控制网页中的元素，如字体、颜色、布局和大小等。CSS可以为网页带来丰富的视觉效果，使其更加吸引人眼球。JavaScript是一种
  • 图片百分比 html,HTML - CSS图像调整自身的百分比？ 一夜秋风起 图片百分比html
    HTML-CSS图像调整自身的百分比？我试图用自己的百分比来调整img的大小。例如，我只想将图像缩小到50％，将图像缩小一半。但应用width:50%;会将图像大小调整为容器元素的50％(例如，可能是的父元素)。问题是，我可以在不使用javascript或服务器端的情况下用一定比例调整图像大小吗？(我没有图像大小的直接信息)我很确定你不能这样做，但我只想看看是否有智能的CSS解决方案。谢谢！Min
  • html-css特性和层叠以及外加继承 网创学长 csshtmlcss3
    来，我们来看一下这个css三的特性啊，因为我们之前已经接触了大量的css吧啊那么它有哪些特性呢啊？三个，第一个呢是这个层叠性，啊第二个呢是继承性，然后第三个是优先性。我们先看第一个啊第一个层叠性。层叠性呢就是什么呢相同的选择器啊相同选择器给设置相同的样式，此时啊这个一个样式呢会去覆盖另一个样式。你敢很点样子啊。同样呢这边写的是啥呢相同的选择器啊，给同样的设置的话会覆盖啊。那么这个呢那么在这里啊有
  • 尚学堂-HTML-CSS（基础）的学习记录 快乐的小马龙123 学习前端视频的笔记
    HTML和CSS核心基础教程尚学堂的教程：https://www.bilibili.com/video/av21557880?p=1任务(1-10)20191010(11-20)20191011(21-30)20191011(31-40)20191012(41-50)20191012(51-60)20191013(61-70)20191013(71-80)20191014(81-90)201910
  • 前端开发面试题-HTML-CSS基础类01 Diogoxiang
    一、行内元素有哪些?块级元素有哪些?CSS的盒模型?块级元素：divph1h2h3h4formul行内元素:abbrispaninputselectCss盒模型:内容，border,margin，padding二、前端页面有哪三层构成，分别是什么?作用是什么?结构层；主要指DOM节点；HTML/XHTML样式层；主要是指页面渲染；CSS脚本层：主要指页面动画效果；JS/AS三、CSS引入的方式有哪
  • html-css Moquyun
    目录Day01标签行元素Day02表单元素css选择器伪类选择符行内元素块元素表格Day03文本相关属性列表相关属性背景相关属性浮动属性Day04边框-border内边距-padding外边距-margin坑1坑2坑3Day05Day06Day07Day08Day09Day10seo,sem高级表单input高级表格Day11新增的HTML5标签datalistvideo智能表单的使用和规范Day
  • Day01 雪落殇晨
    html-css一.git的配备1.安装Git-2.17.1.2-32-bit(git软件)typora-setup-ia32软件vscode软件2.码云注册01.png新建项目02.png3.0SSH公钥设置[email protected]在码云中点击“设置”找到“ssh公钥”04.png05.png点击“确认”按钮完成4.git的三个区06.
  • 前端学习之轮播图 何忆清风 前端前端学习css
    体验地址：http://150.158.10.192/web根据b站大佬的js代码进行更改使用vue进行实现，主要用于学习css的动画效果资源下载地址：https://goatchen.coding.net/public/html-css/HTML-CSS/git/filesexportdefault{name:'Shuffling',data(){return{srcs:["1.jpg","2.
  • 【HTML-CSS】总结-6种实现元素 上下左右居中 方法--附演示效果 Sam9029 CSS学习csshtml前端
    欢迎观阅本本篇文章，我是Sam9029文章目录**上下左右居中**--**方法总结手册**使用前注意注意：每种方法的使用场景问题1.已知宽高的父元素的情形下2.未知宽高的父元素的情形下此文将介绍`6种`实现元素上下左右居中方法1.定位+transform2.flex布局实现3.gird布局实现4.`display:table`实现5.line-height实现6.未知名称法（使用纯定位）注意事项消
  • HTML、CSS、JavaScript 学习笔记 伍有晓俐 htmlcss
    HTML-CSS块级元素和内联元素HTMLdiv和spanHTML框架HTML符号实体参考手册HTML速查列表HTML基本文档基本标签BasicTags文本格式化Formatting链接Links图片Images样式区块StylesSections无序列表有序列表定义列表表格Tables框架Iframe表单Forms实体EntitiesCSS3transitionCSS-box-shadowCSS
  • HTML-CSS(五十六)grid布局 前端小蝌蚪 css3HTMLCSS
    grid布局是一个二维布局方法，纵横两个方向总是同时出grid-template-columns和grid-template-rows对网格进行横纵划分，形成二维布局。单位可以是像素，百分比，自适应(auto)以及fr单位（网格剩余空间比例单位）。auto与1fr区别在于，auto时根据内容撑起的变宽，fr是对剩余空间的划分有时候，我们网格的划分是很规律的，如果需要添加多个横纵网格时，可以利用re
  • HTML-CSS（三十六）表单扩展 前端小蝌蚪 CSSHTML
    美化表单控件label+:checked+display:none原理：用label包裹，能够实现即使点击其他的图片，input也有选中效果.将原有的input样式隐藏。使用伪类：checked控制外部新增的样式来回切换。利用兄弟元素之间的关系，改变状态复选框美化上传按钮美化position+opacity原理：将input标签透明度调为零，再将其放到div上方，看起来时点击的那个上传图，实际点击
  • mondb入手 木zi_鸣 mongodb
    windows 启动mongodb  编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help  查询各种配置 配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 启动配置文件配置， 数据更灵活 
  • 大型高并发高负载网站的系统架构 bijian1013 高并发负载均衡
            扩展Web应用程序 一.概念         简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种：         1.
  • DISPLAY变量和xhost(原创) czmmiao display
    DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
  • 获取B/S客户端IP 周凡杨 java编程jspWeb浏览器
       最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为：    String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB
  • 浅谈类和对象 朱辉辉33 编程
        类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 占用存储空间。     类是由属性和方法构成的，基本格式是public  class 类名{ //定义属性 private/public 数据类型 属性名； //定义方法 publ
  • android activity与viewpager+fragment的生命周期问题 肆无忌惮_ viewpager
    有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE);
  • base64Encode对图片进行编码 843977358 base64图片encoder
    /** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I
  • Request Header简介 aigo servlet
    当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
  • HttpClient4.3 创建SSL协议的HttpClient对象 alleni123 httpclient爬虫ssl
    public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l
  • java取反 -右移-左移-无符号右移的探讨 百合不是茶 位运算符 位移
    取反： 在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001
  • java多线程join的作用与用法 bijian1013 java多线程
            对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
  • Java发送http请求(get 与post方法请求) bijian1013 javaspring
    PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL
  • 【Struts2二】struts.xml中package下的action配置项默认值 bit1129 struts.xml
    在第一部份，定义了struts.xml文件，如下所示：   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts
  • 【Kafka十三】Kafka Simple Consumer bit1129 simple
    代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 实际情况是需要将host和port绑定到一起，   package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo
  • nodejs学习api ronin47 nodejs api
    NodeJS基础 什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
  • java-64.寻找第N个丑数 bylijinnan java
    public class UglyNumber { /** * 64.查找第N个丑数 具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
  • 二维数组（矩阵）对角线输出 bylijinnan 二维数组
    /** 二维数组 对角线输出 两个方向 例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3
  • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新) comsci 工作流
       既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理    大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
  • redis常见使用 cuityang redis常见使用
    redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar  (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest
  • 配置多个redis dalan_123 redis
    配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
  • attrib命令 dcj3sjt126com attr
      attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.    只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.    存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件. 
  • Yii使用公共函数 dcj3sjt126com yii
    在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下：   <?php /**   * This is the shortcut to D
  • linux 系统资源的查看（free、uname、uptime、netstat） eksliang netstatlinux unamelinux uptimelinux free
    linux 系统资源的查看 转载请出自出处：http://eksliang.iteye.com/blog/2167081   http://eksliang.iteye.com 一、free查看内存的使用情况 语法如下：   free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
  • JAVA的位操作符 greemranqq 位运算JAVA位移<<>>>
    最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。   1.按位操作符 ：    按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。    与（&）运算：    1&1 = 1, 1&0 = 0, 0&0 &
  • Web前段学习网站 ihuning Web
      Web前段学习网站 菜鸟学习：http://www.w3cschool.cc/   JQuery中文网：http://www.jquerycn.cn/   内存溢出：http://outofmemory.cn/#csdn.blog   http://www.icoolxue.com/   http://www.jikexue
  • 强强联合：FluxBB 作者加盟 Flarum justjavac r
    原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
  • java统计在线人数（session存储信息的） macroli javaWeb
    这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！   由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses
  • bootstrp carousel初体验 快速构建图片播放 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &
  • SparkSQL读取HBase数据，通过自定义外部数据源 superlxw1234 sparksparksqlsparksql读取hbasesparksql外部数据源
    关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源     前面文章介绍了SparSQL通过Hive操作HBase表。   SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
  • Spring Boot 1.3.0.M1发布 wiselyman spring boot
        Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下：   1.提供一个新的sprin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他