啊啊啊海@
啊啊啊海@

4、CSS及伪类选择器

CSS及伪类选择器

  • CSS是什么？
    CSS 全称 Cascading Style Sheets，翻译过来就是层叠样式表。如果说HTML是网页 的结构，那么CSS就是网页化妆师。

  • CSS写在哪里？

  CSS 有三种写法
1、直接写在标签内（行间样式）
2、写在 style 标签内（内嵌样式）
3、使用外部 .css 文件（外链样式）

    css Cascading Style Sheet 层叠样式表——修饰、美化网页，化妆师
    CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。 (就近原则)
    行间样式 > 内嵌css样式 > 外链css样式


<html>
<head>
  <meta charset="utf-8">
  <title>CSStitle>
  <link rel="stylesheet" type="text/css" href="外链的地址">  
  <style type="text/css">
  	div{
  		width:300px;
  		height:200px;
  		background:skyblue;
  	}/*内嵌样式*/
  style>
head>
<body>
	
	<div style="width:150px height:80px background:violet">1234div>
body>
html>

CSS选择器

  • ######选择器是什么？
    CSS 的选择器是 CSS最基础也是最重要的一个知识点  ，很重要
  • 选择器权重
    谁的权力大，就听谁的，同理，选择器权重也是一样，谁的权重值高，应用谁的。
  • 选择器用处
    用于准确的选中元素，并赋予样式。

选择方法

  • class选择器

    通过标签的 class 属性 ，选择对应的元素 （ . 选择）
      借助了一个类的概念，一处定义，可以多处使用

  • **id选择器 **

    通过标签的 id 属性，选择 对应的元素（#选择,id选择器唯一）

  • 群组 选择器

    群组选择器是可以同时选择多个标签的选择器（标签1，标签2...{样式}）

  • 层次选择器

    层次选择器分为，子代、后代、相邻和兄弟等四种选择器

基本选择器

<style type="text/css">
	/*  *通配符选择器 匹配任何元素 */
		*{
			margin:0;
			padding:0;
		}
		/*元素选择器 选择相同的元素对相同的元素设置一种css样式 选中页面中所有的此元素*/
		div{
			width:100px;
			height:100px;
			background:blueviolet;
		}
		p {
            width: 100px;
            height: 100px;
            background: red;
        }
        /* class选择器 给标签设置一个class属性，在写样式时，在class名字前面加个.一般给具有相同属性的元素设置同一个class */
        .box{
            width: 200px;
            height: 100px;
            background: silver;
        }
        /* id选择器 给标签设置一个id属性，在写样式时，在id名字前面加个 # id在这就几个中优先级最高*/
        #box1{
            width: 200px;
            height: 100px;
            background: blue;
        }
	style>

复杂选择器

	<title>复杂选择器title>
	<style type="text/css">
		*{
			margin:0;
			padding:0;
		}
		/* 群组选择器 对几个有相同属性的选择器进行样式设置 两个选择器之间必须用逗号隔开*/
		div,p{
			width: 100px;
            height: 100px;
            background: blueviolet;
		}

		/* ~ 兄弟选择器 操作的对象是该元素下的所有兄弟元素*/
		p~div{
			width: 100px;
            height: 100px;
            background: blueviolet;
		}

		/* > 子代选择器 选择某个元素下面的子元素*/
		div>p{
			width: 100px;
            height: 100px;
            background: blueviolet;
            border:1px solid red;
		}
		/* + 相邻选择器操作的对象是该元素的同级元素选择div相邻的下一个兄弟元素选择到紧随目标元素后的第一个元素*/
		div+div{
			background: blueviolet;
		}
		/*后代选择器*/
		div>ul li{
			background: red;
		}
	style>

伪类选择器

	<title>伪类选择器title>
	<style type="text/css">
		*{
			margin:0;
			padding:0;
		}
		a{
			text-decoration:none;   /*超链接去除下划线*/
		}
		/*鼠标悬停其上的元素  这个一定要掌握*/
		a:hover{
			color:white;
		}
		/*link 未被点击的链接*/
		a:link{
			background:blue;
		}
		/*已被点击的链接*/
		a:visited{
			background:red;
		}
		/*鼠标已经再其上按下但是还没有释放的元素*/
		a:active{
			background: violet;
		}
		div:hover{
			width:100px;
			height:100px;
			background: green;
			color:gray;
			cursor:default;/*手指*/
            /*cursor: help;帮助*/
            /*cursor: wait;*等待*!*/
            /*cursor: default;!*默认*!*/
		}
	style>

复杂选择器的优先级


<html>
<head>
	<meta charset="utf-8">
	<title>复杂选择器的优先级title>
	    <style>
        * {
            margin: 0;
            padding: 0;
        }
        div#box div ul.box1 li{
            width: 50px;
            height: 50px;
            background: red;
        }
        #box .wrap1{
              width: 50px;
              height: 50px;
              background: blueviolet;
          }
    style>
head>
<body>
	
    <div id="box">div1
        <div class="box" id="box1">div2
            <ul class="box1">
                <li class="wrap1">1li>
                <li>2li>
                <li>3li>
                <li class="wrap2">li>
            ul>
        div>
    div>
body>
html>

你可能感兴趣的:(HTML基础)

  • HTML5全面知识点 A_cot htmlhtml5前端框架前端
    HTML（HyperTextMarkupLanguage）是构建网页的基础语言。以下是全面的HTML知识点：一、HTML基础概念定义：HTML是一种用于描述网页结构的标记语言，通过各种标签来定义网页的内容和布局。版本历史：从HTML的早期版本发展到现在的HTML5，功能不断增强，支持更多的多媒体和交互特性。二、HTML文档结构声明：用于告诉浏览器文档类型是HTML5。标签：整个HTML文档的根元素
  • 【html+css网站设计】 小翔很开心 htmlcss前端
    学习笔记：HTML基础概念1.vscode常用设置1.1打开文件1.2新建文件1.3自动保存(ctrl+S)1.4文件重命名1.5删除文件2.vscode常用快捷键2.1自动补全HTML基本结构2.2标签自动补全2.3复制当前行|复制多行2.4删除当前行|删除多行2.5单行注释|取消单行注释2.6多行注释|取消多行注释2.7统一编辑2.8生成多个2.9文字2.10打开浏览器2.11快捷键可以组合使
  • 30分钟从零开始入门拿下 HTML Y_3_7 html前端javahtml5程序人生面试学习方法
    ⭐HTML⭐主要内容认识HTML的基本结构,学习常⽤的HTML标签.1.HTML基础1.1什么是HTMLHTML(HyperTextMarkupLanguage),超⽂本标记语⾔.超⽂本:⽐⽂本要强⼤.通过链接和交互式⽅式来组织和呈现信息的⽂本形式.不仅仅有⽂本,还可能包含图⽚,⾳频,或者⾃已经审阅过它的学者所加的评注、补充或脚注等等.标记语⾔:由标签构成的语⾔HTML的标签都是提前定义好的,使⽤
  • HTML1:html基础 0cfjg0 前端技术html.net前端
    HTML冯诺依曼体系结构运算器控制器存储器输入设备输出设备c/s(client客户端)客户端架构软件需要安装,更新麻烦,不跨平台b/s(browser浏览器)网页架构软件无需安装,无需更新,可跨平台浏览器浏览器内核:处理浏览器得到的各种资源网页:结构HTML(超文本标记语言)表现CSS行为JavaScript冲突的标签属性以先写的为主127.0.0.1:5500服务器地址HTML超文本标记语言ht
  • Java基础知识总结（下） Yonagi833 Java面经and八股java开发语言职场和发展程序人生spring
    本文部分内容节选自JavaGuide,地址:https://javaguide.cn/java/basis/java-basic-questions-03.html基础（上）→基础（中）→基础（下）异常Java异常类层次图概览Exception和Error有什么区别？在Java中，所有的异常都有一个共同的祖先java.lang包中的Throwable类.Throwable类有两个重要的子类:Exc
  • 第1天：基础入门-操作系统&名词&文件下载&反弹Shell&防火墙绕过-小迪安全学习 慘綠青年627 网络安全
    名词概念前后端，POC/EXP，Payload/Shellcode，后门/Webshell，木马/病毒，反弹，回显，跳板，黑白盒测试，暴力破解，社会工程学，撞库，ATT&CK等https://www.cnblogs.com/sunny11/p/13583083.html基础案例1：操作系统-用途&命令&权限&用户&防火墙个人计算机&服务器用机Windows&Linux常见命令https://blo
  • 前端|Day1: HTML基础(黑马笔记) Sunshine.King 前端前端html笔记
    Day1：HTML基础目录Day1：HTML基础一、标签语法标签结构二、HTML骨架三、标签的关系四、注释五、标题标签六、段落标签七、换行和水平线八、文本格式化标签九、图像标签1.图像属性2.属性语法十、路径1.相对路径2.绝对路径十一、超链接标签十二、音频常用属性十三、视频常用属性十四、综合案例1.个人简介2.Vue简介一、标签语法HTML—超文本标记语言（HyperTextMarkupLang
  • css和html基础 一叶柒刺郎 前端
    ⦁1.src属性是img的图片路径，alt属性是当图片丢失时显示的问题，也是img标签的，href则是标签的跳转路径，titil是鼠标放上后的显示对对对⦁html中定义的标签：https://www.w3cschool.cn/htmltags/html-reference.html⦁2.行内元素设置宽高不起作用，其宽度是内容的宽度，块级元素宽度默认是继承父级元素的宽度，高度是本身内容的高度（如文字
  • 个人简历补充 Xiaobaiforgod 个人简历补充全栈前端后端开发算法计算机
    个人简历补充1.对工作的认识2.八股文和知识面3.框架/架构角度深扒3.1前端3.1.1mPaaS（移动领域）3.1.2普通前端项目框架3.1.3微前端3.2后端持续更新1.对工作的认识2.八股文和知识面前端（基础知识/开发能力/总结输出能力）：前端技术知识（含八股）总结-持续更新中Vue基础学习总结js基础学习总结CSS基础学习总结HTML基础学习总结后端（基础知识/开发能力/总结输出能力）：2
  • html基础·input·多行文本·下拉菜单·div·span·css·选择器·伪类·选择器权 KIKIu
    用户名：密码：男女篮球确定成都重庆贵阳北京三和武侯区成华区金牛区高薪区锦江区海淀区丰台区/*这儿代码就是css代码*/#p1{color:blueviolet;}我是段落1我是段落2隔开作为一个选择器例如：div>p{}-选中div标中的p标签（p必须是div标签的子标签）7.通配符将*作为选择器，选中当前页面中所有的标签-->p{color:yellowgreen;}我是段落1head我是段落2
  • HTML基础了解 江湖竖子
    HTML（HyperTextMarkupLanguage，超文本标记语言）是用来定义网页结构的一种描述语言。——维基百科HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。首先，说明一下，搭建一个网站的过程中，要用到HTML、CSS、Javascript这三大块技术。HTML是构建网站当中缺一不可的一块。所以，很
  • html基础 m0_59519985 webwebhtml
    MDN官方文档MDNWebDocsVScode安装插件LiveServerAutoRenameTag自动格式化点击settings，然后输入format，然后勾选上FormatOnSavehtml文件结构文档结构html的所有标签为树形结构，例如：      Web应用课  第一讲标签HTML元素表示一个HTML文档的根（顶级元素），所以它也被称为根元素。所有其他元素必须是此元素的后代。标签HTM
  • 2019-03-21 樊小勇
    web前端记录1.第一次尝试写这个文档，这个文档将记录我对一些东西的总结和运用。2.首先在这里列一个大纲web前端基础学习技术大纲1.html基础常用标签2.css基础常用标签3.less的引入4.盒子模型5.reset重置样式的引用6.pc、移动端公共样式7.pc端浮动、定位8.div+flex移动端布局9.BFC10.阿里图标的使用
  • 2019web前端学习路线，教你认识HTML 强哥科技兴
    近两年来，前端开发工程师越来越火了，薪资待遇也快接近后端开发工程师了。2019年已经到来了，很多准备入行前端开发工程师的小伙伴们，不知道准备得怎么样了呢？有的朋友在想方设法的学习，争取在年后的金三银四能靠实力找到一份满意的工作！有的小伙伴很迷茫，想学前端，却没有方向！今天来给大家讲讲，在2019年，我们学习前端开发，如何才能高效学会前端开发？HTML基础学习目标1、本专业介绍、HTML相关概念，
  • HTML基础 蘑菇plus
    HTML基础web基础web标准结构标准:HTML--决定网页上有什么东西(能够显示什么内容)表现标准:css--决定网页上内容的布局和显示方式行为标准:JavaScript(js)--决定网页上的动态的效果2.认识HTML超文本标记语言(可以用来标记文本，图片，视频，音频，flash，按钮，输入框等网页内容)HTML不是编程语言，不会编译执行，语法错误也不会报错导致程序不能往后运行。3.HTML
  • html基础 eftales
    html文档中的字符集字符引用&==&<=="=="标签em标签定义和用法em标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。在文本中加入强调也需要有技巧。如果强调太多，有些重要的短语就会被漏掉；如果强调太少，就无法真正突出重要的部分。这与调味品一样，最好还是不要滥用强调。尽管现在em标签修饰的内容都是用斜体字来显示，但这些内容也
  • HTML基础 (((φ(◎ロ◎;)φ)))牵丝戏安 html前端javascript
    HTML---超文本标记语言HTML即超文本标记语言，是一种用于创建网页的标准标记语言。HTML不是一种编程语言，而是一种标记语言。标记语言是一套标记标签，HTML使用标签来描述网页。HTML文档包含了HTML标签及文本内容。可以使用HTML来建立自己的web站点，HTNL运行在浏览器上，由浏览器来解析。HTML实例注意：对于中文网页需要使用声明编码，否则会出现乱码。有些浏览器（如360浏览器）会
  • 前端html基础（包括dom，事件等） jack_rofer
    六。事件操作1.事件参考2.DOM的操作方法3.原生JS获取HTMLDOM元素的8种方法4.Javascript中的事件冒泡与事件捕获5.JS阻止冒泡和取消默认事件(默认行为)
  • 前端开发 ：（二）HTML基础 星光闪闪k Java前端前端html架构后端java
    1.介绍HTML1.1HTML的定义和作用HTML（HyperTextMarkupLanguage）是一种标记语言，用于创建和设计网页的结构和内容。它通过使用标签来描述文档的结构，使得浏览器能够正确地解释和显示页面。1.2HTML的发展历史HTML的发展可以追溯到1990年代初，随着互联网的发展，HTML逐渐演变为不同的版本。从HTML2.0到HTML5，每个版本都带来了新的特性和改进，以适应不断
  • web前端从入门到精通 等一次雪落 csshtml
    web前端从入门到精通HTML+CSS系列一、拨云见日如何创建.html文件--网页1.安装插件2.编辑器基本使用3.Chrome浏览器（市场份额最大）4.深入了解网站开发5.web三大核心技术6.HTML基础结构与属性7.HTML初始代码8.HTML注释9.HTML语义化10.标题(h)与段落(p)11.文本修饰标签12.图片标签和图片属性13.引入文件的地址路径14.跳转链接15.跳转锚点16
  • HTML基础篇之meta标签 文翊 HTML篇htmlw3cmeta
    Meta常见参数及其意义Meta的常用的标签有很多，这次把这些标签归类来看Meta基础属性和概念来自W3C的解释如下:Metadataisdata(information)aboutdata.ThetagprovidesmetadataabouttheHTMLdocument.Metadatawillnotbedisplayedonthepage,butwillbemachineparsable.
  • HTML基础知识 魔王哪吒
    HTML基础知识HTML的历史：HTML，XHTMLHTML的全局属性：全局标准属性，全局事件属性HTML的元素：imageimage标记语言，是一种将文本以及与文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。HTML，为超文本标记语言。XHTML是可扩展超文本标记语言，是一种更纯洁，更严格，更规范的html代码。html文件由文件头和文件体两部分组成。标签的分类：双标
  • HTML基础 一只小松许捏 HTMLhtml前端html5
    文章目录HTML基础标签结构HTML骨架标签的关系注释标题标签段落标签换行和水平线文本格式化标签图像标签图像属性属性语法路径相对路径绝对路径超链接标签音频视频HTML基础HTML的意思就是超文本标记语言（HyperTextMarkupLanguage），这里的超文本的意思就是多媒体内容，有文本、图片、音视频等内容，这里的标记就是使用代码的形式，使用尖括号的标签进行标记的意思，例如标签结构标签要成对
  • 2018-07-27 团子团子哟
    牵引力教育web程序员如何提高自身技能web程序员以其薪资待遇，就业选择方向多，大有发展前途，梦想成为web程序员的也越来越多，真正开始付诸行动学web的人也越来越多，但是在低端的程序员如何提升自身能力，争取更好的待遇呢？今天牵引力和大家分析下web程序员如何更好的提升自己。基础阶段：在打基础同时能参与到项目中去。掌握HMTL&XHTML基础知识、CSS基础知识、Java基础知识DOM、JSON、
  • HTML基础 Az_plus 前端html前端
    HTML基础目录HTML基础基础概念和语法标签注释``标题`h1-h6`段落`p`换行``格式化图片`img`超链接`a`表格`table`列表`ulli`、`olli`表单`form`基础概念和语法HTML结构由注释，根元素，头，主体以及其他部分组成Title你好标签注释注释信息不会作为代码执行helloworld结果：标题h1-h6这是h1这是h2这是h3这是h4这是h5这是h6结果：段落p你
  • 网页前端学习-03 Leoma_ 前端学习笔记前端学习html网络
    HTML基础知识021.vscode书写骨架里些许代码的解释666①、这一行指令可以理解为不是html代码的部分，它充当的作用是告诉浏览器我们需要书写的html版本，如上述代码第一行则代表的是我们要书写的是html5这个版本，DOCTYPE是文档类型声明标签。②、用来强调是中文网站还是英文网站，en代表英文的缩写，zh-CN指的是中文。③、charset是字符集的含义，后面的utf-8是万国码，这
  • 头歌--Web应用开发实验题 魔莫摸墨 web应用与开发htmljavaservletjavascript开发语言
    目录一、实验一HTML基础HTML——表单类的标签第1关：表单元素——文本框第2关：表单元素——密码框第3关：表单元素——单选框第4关：表单元素——多选框第5关：表单元素——checked属性第6关：表单元素——disabled属性第7关：表单元素——label标签第8关：表单元素——下拉列表第9关：表单元素——文本域第10关：表单元素——提交按钮第11关：表单元素的综合案例HTML入门——基础第
  • 前端 table 导出excel表格方法 其斤r js小记录Blob前端exceljavascript
    需求：获取后台数据，动态生成table后，导出excel表格，要求格式与table格式一致直接上代码：导出序号单元措施以上是html基础部分，调取后台接口获取数据后渲染tbody中的内容，通过newBlob()，导出excel表格：$("#export").click(()=>{//使用outerHTML属性获取整个table元素的HTML代码（包括标签），然后包装成一个完整的HTML文档，设置c
  • Python OpenCV 图像的膨胀与腐蚀，图像处理取经之旅第 38 篇 梦想橡皮擦
    PythonOpenCV365天学习计划，与橡皮擦一起进入图像领域吧。本篇博客是这个系列的第38篇。该系列文章导航参考：https://blog.csdn.net/hihell/category_10688961.html基础知识铺垫图像的腐蚀与膨胀是图像形态学运算的知识，形态学橡皮擦也是第一次接触到，寻找了一些简单的说明，基本含义是改变图像中物体的形状，一般在二值图中用来连接相邻的元素或分离成独
  • HTML基础语法（二） 兔朱迪的万花筒 html前端html5
    （接上文：HTML基础语法（一）-CSDN博客）3.2.5）表格标签一种布局，当数据需要以行列形式呈现时使用，看起来整齐（CSS为表格设置样式；CSS也有一些其他的常用布局）。：表格：行：单元格：表头单元格（默认加粗、居中）：行合并（竖长条是行合并）：列合并（横长条是列合并）应用举例：学号姓名年龄成绩1001小绿1990.52006303007小明18属性，推荐使用CSS设置背景颜色。-->3.2
  • 矩阵求逆（JAVA）利用伴随矩阵 qiuwanchi 利用伴随矩阵求逆矩阵
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(利用伴随矩阵) * @author 邱万迟
  • 单例（Singleton）模式 aoyouzi 单例模式Singleton
    3.1           概述 如果要保证系统里一个类最多只能存在一个实例时，我们就需要单例模式。这种情况在我们应用中经常碰到，例如缓存池，数据库连接池，线程池，一些应用服务实例等。在多线程环境中，为了保证实例的唯一性其实并不简单，这章将和读者一起探讨如何实现单例模式。 3.2
  • [开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发 comsci 开源
          现在国内有大量的信息技术产品，都是通过盗版，免费下载，开源，附送等方式从国外的开发者那里获得的。。。。。。        虽然这种情况带来了国内信息产业的短暂繁荣，也促进了电子商务和互联网产业的快速发展，但是实际上，我们应该清醒的看到，这些产业的核心力量是被国外的
  • 页面有两个frame,怎样点击一个的链接改变另一个的内容 Array_06 UIXHTML
    <a src="地址"  targets="这里写你要操作的Frame的名字" />搜索 然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： <frame src=&
  • Struts2实现单个/多个文件上传和下载 oloz 文件上传struts
    struts2单文件上传：     步骤01:jsp页面 <!--在进行文件上传时，表单提交方式一定要是post的方式，因为文件上传时二进制文件可能会很大，还有就是enctype属性，这个属性一定要写成multipart/form-data，不然就会以二进制文本上传到服务器端--> 　　<form action="fileUplo
  • 推荐10个在线logo设计网站 362217990 logo
    在线设计Logo网站。 1、http://flickr.nosv.org（这个太简单） 2、http://www.logomaker.com/?source=1.5770.1 3、http://www.simwebsol.com/ImageTool 4、http://www.logogenerator.com/logo.php?nal=1&tpl_catlist[]=2 5、ht
  • jsp上传文件 香水浓 jspfileupload
    1. jsp上传 Notice： 1. form表单 method 属性必须设置为 POST 方法 ，不能使用 GET 方法 2. form表单 enctype 属性需要设置为 multipart/form-data 3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文
  • 我的架构经验系列文章 - 前端架构 agevs JavaScriptWeb框架UIjQuer
    框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。MVCMV
  • android ksoap2 中把XML(DataSet) 当做参数传递 aijuans android
    我的android app中需要发送webservice ，于是我使用了 ksop2 进行发送，在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下     [html]  view plain copy   <Envelope xmlns="http://schemas.
  • 使用Spring进行统一日志管理 + 统一异常管理 baalwolf spring
    统一日志和异常管理配置好后，SSH项目中，代码以往散落的log.info() 和 try..catch..finally 再也不见踪影！ 统一日志异常实现类： [java]  view plain copy   package com.pilelot.web.util;      impor
  • Android SDK 国内镜像 BigBird2012 android sdk
    一、镜像地址： 1、东软信息学院的 Android SDK 镜像，比配置代理下载快多了。 配置地址， http://mirrors.neusoft.edu.cn/configurations.we#android 2、北京化工大学的： IPV4:ubuntu.buct.edu.cn  IPV4:ubuntu.buct.cn IPV6:ubuntu.buct6.edu.cn
  • HTML无害化和Sanitize模块 bijian1013 JavaScriptAngularJSLinkySanitize
    一.ng-bind-html、ng-bind-html-unsafe         AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。         考虑这样一个例子，假设我们有一个变量存
  • [Maven学习笔记二]Maven命令 bit1129 maven
    mvn compile compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中，不会对src/test/java中的测试类进行编译 MVN编译使用 maven-resources-plugin:2.6:resources maven-compiler-plugin:2.5.1:compile &nbs
  • 【Java命令二】jhat bit1129 Java命令
    jhat用于分析使用jmap dump的文件，，可以将堆中的对象以html的形式显示出来，包括对象的数量，大小等等，并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务，jhat是Java Heap Analysis Tool的缩写 1. 用法： [hadoop@hadoop bin]$ jhat -help Usage: jhat [-stack <bool&g
  • JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc ronin47
    进到类似目录 server/default/conf/bootstrap，打开文件 profile.xml找到： Xml代码<bean    name="AttachmentStore"  class="org.jboss.system.server.profileservice.repository.AbstractAtta
  • 写给初学者的6条网页设计安全配色指南 brotherlamp UIui自学ui视频ui教程ui资料
    网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托     我仍然清楚地记得我最早的一次美术课，那时我还是一个小小的、对凡事都充满渴望的孩子，我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋，并且我想，既然两种颜色能创造出一种全新的美丽色彩，那所有颜色
  • 有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。 bylijinnan java算法面试
    import java.util.Random; import java.util.Set; import java.util.TreeSet; /** * http://weibo.com/1915548291/z7HtOF4sx * #面试题#有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。 * 写一个函数实现。复杂度是什么
  • struts2获得request、session、application方式 chiangfai application
    1、与Servlet API解耦的访问方式。 a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装，构造了三个Map对象来替代这三种对象要获取这三个Map对象，使用ActionContext类。 ----->   package pro.action; import java.util.Map; imp
  • 改变python的默认语言设置 chenchao051 python
    import sys sys.getdefaultencoding()  可以测试出默认语言，要改变的话，需要在python lib的site-packages文件夹下新建： sitecustomize.py， 这个文件比较特殊，会在python启动时来加载，所以就可以在里面写上： import sys sys.setdefaultencoding('utf-8') &n
  • mysql导入数据load data infile用法 daizj mysql导入数据
    我们常常导入数据！mysql有一个高效导入方法，那就是load data infile 下面来看案例说明 基本语法： load data  [low_priority] [local] infile 'file_name txt' [replace | ignore] into table tbl_name [fields [terminated by't'] [OPTI
  • phpexcel导入excel表到数据库简单入门示例 dcj3sjt126com PHPExcel
    跟导出相对应的，同一个数据表，也是将phpexcel类放在class目录下，将Excel表格中的内容读取出来放到数据库中 <?php error_reporting(E_ALL); set_time_limit(0); ?> <html> <head> <meta http-equiv="Content-Type"
  • 22岁到72岁的男人对女人的要求 dcj3sjt126com
    22岁男人对女人的要求是：一，美丽，二，性感，三，有份具品味的职业，四，极有耐性，善解人意，五，该聪明的时候聪明，六，作小鸟依人状时尽量自然，七，怎样穿都好看，八，懂得适当地撒娇，九，虽作惊喜反应，但看起来自然，十，上了床就是个无条件荡妇。 32岁的男人对女人的要求，略作修定，是：一，入得厨房，进得睡房，二，不必服侍皇太后，三，不介意浪漫蜡烛配盒饭，四，听多过说，五，不再傻笑，六，懂得独
  • Spring和HIbernate对DDM设计的支持 e200702084 DAO设计模式springHibernate领域模型
    A：数据访问对象     DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面，资源库是一个独立的抽象，它与DAO进行交互，并提供到领域模型的“业务接口”。    资源库使用领域的通用语言，处理所有必要的DAO，并使用领域理解的语言提供对领域模型的数据访问服务。
  • NoSql 数据库的特性比较 geeksun NoSQL
    Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。目前由VMware主持开发工作。   1. 数据模型 作为Key-value型数据库，Redis也提供了键（Key）和值（Value）的映射关系。除了常规的数值或字符串，Redis的键值还可以是以下形式之一： Lists （列表） Sets
  • 使用 Nginx Upload Module 实现上传文件功能 hongtoushizi nginx
    转载自： http://www.tuicool.com/wx/aUrAzm   普通网站在实现文件上传功能的时候，一般是使用Python，Java等后端程序实现，比较麻烦。Nginx有一个Upload模块，可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件，然后在交由后台页面处理，并且把文件的原名，上传后的名称，文件类型，文件大小set到页面。下
  • spring-boot-web-ui及thymeleaf基本使用 jishiweili springthymeleaf
    视图控制层代码demo如下：   @Controller @RequestMapping("/") public class MessageController { private final MessageRepository messageRepository; @Autowired public MessageController(Mes
  • 数据源架构模式之活动记录 home198979 PHP架构活动记录数据映射
    hello!架构 一、概念 活动记录（Active Record）：一个对象，它包装数据库表或视图中某一行，封装数据库访问，并在这些数据上增加了领域逻辑。 对象既有数据又有行为。活动记录使用直截了当的方法，把数据访问逻辑置于领域对象中。   二、实现简单活动记录 活动记录在php许多框架中都有应用，如cakephp。 <?php /** * 行数据入口类 *
  • Linux Shell脚本之自动修改IP pda158 linuxcentosDebian脚本
    作为一名 Linux SA，日常运维中很多地方都会用到脚本，而服务器的ip一般采用静态ip或者MAC绑定，当然后者比较操作起来相对繁琐，而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为：修改ip和主机名等相关信息，可以根据实际需求修改，举一反三！ #!/bin/sh #auto Change ip netmask ga
  • 开发环境搭建 独浮云 eclipsejdktomcat
           最近在开发过程中，经常出现MyEclipse内存溢出等错误，需要重启的情况，好麻烦。对于一般的JAVA+TOMCAT项目开发，其实没有必要使用重量级的MyEclipse，使用eclipse就足够了。尤其是开发机器硬件配置一般的人。         &n
  • 操作日期和时间的工具类 vipbooks 工具类
       大家好啊，好久没有来这里发文章了，今天来逛逛，分享一篇刚写不久的操作日期和时间的工具类，希望对大家有所帮助。 /* * @(#)DataFormatUtils.java 2010-10-10 * * Copyright 2010 BianJing,All rights reserved. */ package test; impor
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他