大灰牛博客
大灰牛博客

常见CSS3选择器和文本字体样式汇总

常见的CSS3选择器包含：常用基本、属性、伪类、层级（组合）选择器，具体使用情况建议先阅读css选择器四大类：基本、组合、属性、伪类对于选择器的使用有一个基本了解，选择器的作用在于通过它找到元素，并且给它添加属性样式。

常用的选择器有：标签、id、类、关联（通过父集找到子集）组合选择器，注意html页面中id是唯一的；基本选择器有（/*代表注释*/），/*:first-child第一个元素*/，/*:last-child最后一个元素*/，/*:nth-child(n)第几个元素*/，/*::first-line 第一行*/，/*::first-letter 第一个单词/字符*/，然后层级选择器有a b后代，a>b子元素，a+b后面的元素（相邻选择器），其次伪类选择器有:hover，:focus焦点，::selection更改鼠标选择文本背景色，最后属性选择器（属性选择器的目的在于可以直接把标签身上的一种属性拿来用）有基本选择器[属性]、基本选择器[属性=值]、 基本选择器[属性~=值]空格符隔开多个、 基本选择器[属性^=值]以什么开始、 基本选择器[属性$=值]以什么结束。（备注说明：教程是16年的，有些选择器的名称与现在的不是很一致，建议这里的基本选择器还是按照伪类来记，有关css选择器的四大分类以之前博文为主导，有不同地方欢迎留言评论，下面是一些有意思的的样式，就写出来展示了下）.

 1 DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>CSS3选择器和文本字体样式title>
 7     <style type="text/css">
 8     div::first-line{
 9         color: #f90;
10     }/*第一行*/
11     div::first-letter{
12         font-style: italic;
13         font-size: 24px;
14     }/*第一个单词/字符*/
15     .box>li:first-child{
16         list-style: square;
17     }/*第一个元素*/
18     .box>li:last-child{
19         list-style: none;
20     }/*最后一个元素*/
21     .box>li:nth-child(3){
22         list-style: lower-roman;
23     }/*第n个元素*/
24     div::selection{
25         background-color: red;
26         color: #FFF;
27     }/*::selection更改鼠标选择文本背景色*/
28     input{
29         outline: none;
30     }/*文本聚焦，更换默认边框颜色*/
31     style>
32 head>
33 <body>
34     <ul class="box">
35         <li>1li>
36         <li>2li>
37         <li>3li>
38         <li>4li>
39         <li>5li>
40     ul>
41     <div>
42         “尽信书不如无书下一句：吾于《武成》，取二三策而已矣。出自《孟子》的《尽心章句下》， “尽信书，则不如无书” 这是精辟透脱的读书法，要求读者善于独立思考问题。”"It is better to write a letter without a book than the next sentence: I am in" Wu Cheng "and take two or three strategies.It is from the Mencius" Below the Heart Chapter "," It is better to have a letter than a book. " Readership requires readers to think independently. "
43     div>
44     <form action="" method="get">
45         焦点:<input type="text">
46     form>
47 body>
48 html>

css3中"font"字体:/*font-family:字体类型*/，/*font-size:字体大小*/，/*font-style:itailc斜体*/，/*font-weight: 控制字体粗细大小*/，建议阅读css常用样式font控制字体的多种变换内容介绍基本一致。

css3对文本样式的处理常见的样式有letter-spacing:字间距，word-spacing:词间距，text-decoration:下划线，text-align:文本对齐方式，text-indent：首航缩进，line-height:行高，color：文本字体颜色，word-break:break-all文本折行。常说撞了南墙才回头，现在如果文本中恶意输入信息，比方都是这个单字母，怎么办？你会发现它在浏览器中不自动换行，而且出现底部滚动条，这个html文档展示一般从上至下，但是这个页面这样从左至右展示，怎么办?解决办法见div.box2，自行写下，浏览器展示下，印象更深，当然这种情况毕竟是少数，毕竟页面的排版还是换行来的好看，Foreigner也不例外吧！

 1 DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>有意思的word-break:break-all文本折行title>
 7     <style type="text/css">
 8     div.box2{
 9         word-break: break-all;
10         overflow: auto;
11     }/*word-break:break-all文本折行*/
12     style>
13 head>
14 <body>
15     
16     <div class="box1">
17         “尽信书不如无书下一句：吾于《武成》，取二三策而已矣。出自《孟子》的《尽心章句下》， “尽信书，则不如无书” 这是精辟透脱的读书法，要求读者善于独立思考问题。”"It is better to write a letter without a book than the next sentence: I am in" Wu Cheng "and take two or three strategies. It is from the Mencius" Below the Heart Chapter "," It is better to have a letter than a book. " Readership requires readers to think independently. 
18     div>
19      
20     <div class="box2">
21         aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
22     div>
23 body>
24 html> 

你可能感兴趣的:(常见CSS3选择器和文本字体样式汇总)

  • 基于 Vue3 + ECharts 实现渐变分段折线图：支持动态区间、响应式渲染与颜色控制 saadiya~ echarts信息可视化前端
    在数据可视化项目中，折线图是最常见的图表类型之一，而通过颜色分段渐变可以让用户更加直观地感知数据的变化趋势和区间风险。本文将带你实战一个基于Vue3+ECharts的渐变分段折线图组件，支持传入valueList控制每段颜色，适配多种数据类型，实现图表的动态更新与响应式自适应。一、效果预览与场景说明该组件可应用于以下场景：空气质量指标（AQI）路况拥堵指数（如：0-0.5畅通，0.5-1一般，1-
  • 人到中年，珍惜精力，早点回家 山里舅舅
    昨天，几个从小一起穿开档裤长大的兄弟伙约吃饭。本想，这么久没聚了，要和兄弟伙们好好喝一杯。上出租车后我就拿着手机编辑自己的日更文字，不一会儿，突然感觉恶心、想吐、头晕、乏力，喝酒的动力荡然无存。下车后在路旁的小树上靠了会儿，深呼吸了几次，缓和了许多。到达目的餐馆，两个兄弟伙已经坐在那儿了。我说，今天本打算哥儿几个好好喝点，不料刚才突然恶心、想吐，酒今天就免了哈。龙哥说我戒酒了，医生说缺少解酒酶，不
  • 就是假的！智联学社李天勤WYH智慧农业平台是骗局！老李送你一万操盘金就是套路，根本无法提现！ 正义青天
    诈骗团伙成员根据“剧情需要”，依据素材本上的话术与股民聊天——“老师”号会组建群聊，直播“荐股”，“水军”号则假扮新手股民、资深股民等在群内互动、吹捧“老师”……分饰不同角色合演诈骗“大戏”“不要被‘高回报’诱惑，也不要从非官方应用市场下载所谓的‘理财平台！或者直接给个链接让你投资！但凡下载其他平台投资或交钱的一律都是诈骗！骗子通过发布一些所谓“资深老师张军”的讲课，不断给被害人洗脑，当被害人向网
  • 2019-07-19 泰优汇金冬
    一、学习与实践⒈付出不亚于任何人的努力⒉要谦虚，不要骄傲⒊要每天反省⒋活着，就要感谢⒌积善行，思利他⒍不要有感性的烦恼二、今日分享：看了一本书里面讲到了成长几期：自卑期，狂妄期，平和期，谦卑期，敬畏期。很多人在狂妄起就出局了，谦卑的心很重要。
  • 全网最全，软件测试-性能测试面试题汇总（附答案） 软件测试雪儿 软件测试面试软件测试面试
    前言面试题：性能测试指标有哪些？分别是什么含义？tps：每秒事务量，代表了系统的处理能力，tps越高，性能越好响应时间：从发出请求到接受到系统响应数据所花费的时间，响应时间越短，性能越好吞吐量：网络上行和下行流量的总和，吞吐量是网络瓶颈定位的重要指标错误率：在压测过程中系统出现错误的比例面试题：什么是集合点，什么场景下需要用集合点？集合点是测试脚本中的一个标记，当每个虚拟用户执行到标记处时，会停留
  • 公主殿下！！ 喵儿星心
    "公主殿下您醒了吗？"我旁边站着一位少女，看衣着像是电视剧里演的宫廷连续剧里的宫女，"你该不会是宫女吧？"我觉得实在不可思议，"公主您在说什么，奴婢就是宫女呀！"公主殿下您该不会是失忆了吧？"我竟然不知道她的身份，她难以相信，"公主殿下您好好看看奴婢，奴婢是您身边的贴身婢女雪娟呀！"，哦？我是遇上了穿越时空了吗，竟然这样那就不能白白穿越一次，那么就这样我不回去了，当公主，"大胆，竟敢触犯本公主"我
  • 阴谋爆仓！社科院课堂朱民ST-balance节能风电被骗揭秘！受害者亲述不能出金真相！ 正义青天
    随着互联网的普及，数字经济蓬勃发展，各种线上平台如雨后春笋般涌现。然而，在这些看似繁荣的平台中，不乏一些黑平台，它们以欺诈手段骗取用户的财产，给人们的财产安全带来严重威胁。因此，我们有必要提高警惕，防范黑平台诈骗。针对网上素未谋面的牛散大咖，经济学家等推荐网上投资理财、数字经济，数字体育市场，人工智能项目，数字低碳，慈善投票网站买数字的等等都是骗局若你也不幸被骗遇到此类平台一定不要打草惊蛇，早期不
  • jasper模板支持动态生僻字显示 小瞿慢慢跑 java基本知识jasper生僻字
    jasper模板支持动态生僻字显示包引用jasperreports5.5.1itextAsian.jarireport3.1.0.jar(报错就引入)如果包找不到字体，可以添加配置文件在项目根路径下jasperreports.properties(里面内容如下)net.sf.jasperreports.awt.ignore.missing.font=true主要思路如下：替换JRPdfExport
  • 我的夫君和儿子都是超雄皇帝皇上太后完本免费小说_小说完结版我的夫君和儿子都是超雄皇帝皇上太后 小富江呀
    《我的夫君和儿子都是超雄皇帝》主角：皇上太后简介：我乃皇后，夫君是出了名的暴君。太子年少贪玩，嬉闹时不慎碰到皇上。皇上勃然大怒，当场便要斩杀太子。我自断一臂，才保下太子一命。太子含泪跪在我宫前，发誓以后不会让我受到半分伤害。太子冠礼上，我给皇上敬酒时未拿稳酒杯，被皇上一巴掌扇倒在地。太子暴怒，当即起兵造反，逼得皇上悬梁自尽。“我不允许任何人欺负母后，即便你是父皇！”太子登基称帝后，惜我如命，许我以
  • 豆瓣电影信息爬虫【2024年6月】教程，赋完整代码 桃宝护卫队 爬虫python
    豆瓣电影信息爬虫【2024年6月】教程，赋完整代码在本教程中，我们将使用以下技术栈来构建一个爬虫，用于爬取豆瓣电影列表页面的信息：完整代码放到最后；完整代码放到最后；完整代码放到最后；重要的事情说三遍。1.技术栈介绍在本教程中，我们将使用以下技术栈来构建一个爬虫，用于爬取豆瓣电影列表页面的信息：Python:一种广泛使用的高级编程语言，因其简洁的语法和强大的库支持而受到开发者的喜爱。Request
  • 批量图片转PDF文件的多种方法详解 徐浪老师 徐浪老师大讲堂pdf
    要将批量图片转换为PDF文件，可以使用多种方法，包括使用在线工具、桌面应用程序或编程语言。以下是几种常见的方法：方法一：使用在线工具选择工具：搜索“图片转PDF”在线工具，如Smallpdf、ILovePDF等。上传图片：按提示上传要转换的图片文件。设置选项：选择文件顺序、页面尺寸等设置。下载PDF：转换完成后，下载生成的PDF文件。方法二：使用AdobeAcrobat打开AdobeAcrobat
  • 如何在安卓设备上设置代理服务器 Decodo androidphp开发语言代理动态住宅代理住宅安全
    请按照我们的说明在Android设备上轻松设置代理设置，以确保完整的在线隐私。文章目录一、什么是Android代理服务器？二、如何配置Android的代理设置？2.为Wi-Fi设置代理三、为移动网络设置代理四、如何关闭Android代理设置五、为什么要使用代理服务器？常见问题一、什么是Android代理服务器？安卓代理服务器是您的设备与目标网站之间的中介：您无需直接连接网站，而是先通过代理服务器隐
  • 一日三秋 咘咻
    你有没有因为一本书，喜欢上了一个作家。️这次是看完了《一日三秋》，我才知道这位作家，然后马上查资料了解他。有时候我会想，这世间有那么多有趣好看的书，时间真的不够用。这本小说太“与众不同”了，作者以智慧而幽默的语言，对不同生活阶层的色彩做了生动和通透的展示，荒诞幽默的情节中，每一句都有寓意，让人迫不及待想看完。为什么有趣呢？作者在这本书的前言就交代了自己为什么要写这本书，是为了要纪念他和六叔的过往，
  • Spring Boot 集成 RabbitMQ：普通队列、延迟队列与死信队列全解析 代码怪兽大作战 RabbitMQjava-rabbitmqspringbootrabbitmq死信队列延时队列消息队列
    SpringBoot集成RabbitMQ：普通队列、延迟队列与死信队列全解析1.背景介绍2.RabbitMQ及队列类型详解3.项目依赖配置（pom.xml）4.SpringBootRabbitMQ配置详解（application.yml）5.核心队列代码示例及详解6.消息生产者实现7.消费者设计及异常处理策略8.死信队列消费者与告警设计9.消息确认机制详解常见异常示例异常原因分析解决方案10.延迟
  • css mix-blend,详解CSS3的mix-blend-mode属性 weixin_39630813 cssmix-blend
    1、相当于加了一个图层mix-blend-mode:multiply;2、相当于加了一个滤镜mix-blend-mode:screen;3、相当于加了一个图层和滤镜mix-blend-mode:overlay;4、会使图片变暗，出现变暗效果mix-blend-mode:darken;5、这个模式与darken相反，*它的效果取决于源和背景颜色之间更浅的(色彩)。*即将两像素的RGB值进行比较后，取
  • 飞思卡尔陀螺仪全面应用资料包 坚持坚持那些年
    本文还有配套的精品资源，点击获取简介：飞思卡尔陀螺仪基于MEMS技术，适用于角度和角速度测量，广泛应用于航姿参考系统、无人机、虚拟现实、智能手机等。该资料包汇集了中英文资料，涵盖飞思卡尔陀螺仪的工作原理、性能参数、接口通信协议和应用示例，旨在为用户提供一站式学习资源。本资料还介绍了ENC-03型号陀螺仪的特点，包括高精度测量、宽温度范围适用性、低功耗设计、快速响应能力和内置自检功能。通过学习这些资
  • 对标ChatGPT，「文心一言」今日亮相！AI人机时代来临，未来在何方？ AI医学
    本文由「AI医学er」提供医海无涯，AI同舟。关注我们，助力高效科研。3月15日，OpenAI公布了其大型语言模型的最新版本——GPT-4。3月16日，百度文心一言人工智能聊天机器人正式上线。一个时代开始了。OpenAI在官网表示，GPT-4是一个能接受图像和文本输入，并输出文本的多模态模型，是OpenAI在扩展深度学习方面的最新成果。此前的ChatGPT，只能通过向其输入文字提问才能生成文字回答
  • 基于单片机婴儿床/婴儿摇篮/婴儿车设计/婴儿监护系统 小新单片机 单片机设计库单片机嵌入式硬件51单片机婴儿监护
    传送门其他作品题目速选一览表其他作品题目功能速览概述本设计实现了一种基于单片机的多功能智能婴儿监护系统，集成于婴儿床、摇篮或婴儿车中。系统核心由微控制器（如STM32/51单片机）、多传感器网络、执行机构及无线通信模块构成。核心功能：智能安抚：通过声音检测婴儿哭声，单片机自动触发预设安抚模式（如通过步进电机匀速摇摆、播放白噪音/摇篮曲）。环境监测：温湿度传感器实时监测环境，超限时自动调节（如控制加
  • 适合甜甜的恋爱文案 北方的可爱多
    1.大家好这是我的第二杯半价2.喏就是这个人的出现打乱了我孤独终老的计划3.我这座冰山终于变成你手里的冰淇淋了图片发自App4.至此心猿归林意马有缰5.主线任务:脱单（1/1）6.偷偷喜欢我的人可以死心了哦！图片发自App7.本幼儿园最可爱有可爱跟班啦！9.成功加入柠檬供应商行列10.往后心仪男孩常驻身旁图片发自App11.+=²12.从此以后有枝可依13.我野蛮生长没能成为自己的月亮能遇见你是银
  • CSS的content属性妙用指南 代码的余温 css前端
    CSS的content属性专门用于::before和::after伪元素，用于动态生成内容并插入到文档流中。其核心作用如下：一、主要功能插入文本内容p::before{content:"提示：";color:red;}→在每个元素前添加红色文字“提示：”插入图标（结合字体图标库）.download::after{content:"\f019";/*FontAwesome下载图标的Unicode*/
  • forwardRef ：打破函数组件封装限制的技巧
    在React开发中，我们经常会遇到这样一个需求：如何让父组件直接访问子组件内部的DOM元素或组件实例？例如，点击按钮时自动聚焦某个输入框，或者直接调用子组件的方法。当你面对这样的需求时，你第一时间可能会想到组件通信的方式，通过props传递数据和回调函数，然而，组件通信并不能满足直接访问子组件内部DOM或实例的需求。为了解决这个问题，React提供了React.forwardRef这一特殊机制，本
  • 【 SpringAI核心特性 | Prompt工程 】 Purse Wind AIpromptAI编程javaspringspringboot后端
    1.Prompt工程基本概念：Prompt؜工程又叫提示‏词工程，简单来说，就是输入‌给AI的指令。比如下面‏这段内容，就是提示词：请问桂林电子科技大学是一个怎么样的学校？1.1Prompt分类在AI؜对话中，基于角色的⁠分类是最常见的，通‏常存在3种主要‌类型的Promp‏t：1）用户Prompt：这是用户向AI提供的实际问题、指令或信息，传达了用户的直接需求。用户Prompt告诉AI模型“做什
  • 警惕!北恒私募高级班周一丰，马建军不正规。不让出金,不能提现,大家远离骗局! 昌龙律法
    随着互联网的普及，数字经济蓬勃发展，各种线上平台如雨后春笋般涌现。然而，在这些看似繁荣的平台中，不乏一些黑平台，它们以欺诈手段骗取用户的财产，给人们的财产安全带来严重威胁。因此，我们有必要提高警惕，防范黑平台诈骗。针对网上素未谋面的牛散大咖，经济学家等推荐网上投资理财、数字经济，数字体育市场，人工智能项目，数字低碳，慈善投票网站买数字的等等都是骗局，广大市民对此要提高警惕，若你也不幸被骗遇到此类平
  • 读出关爱感-积极阅读记录2021-07-16 陪娃走过四年级
    最近，我们的睡前有声阅读，读的是《亲爱的，汉修先生》。主人公刚好是个小学的男生。家里经济条件一般，父母离异，男孩成长过程中拥有的那些有趣的事情、浅浅的人生感悟都给我们很多启发。孩子更喜欢的是书里那些符合他们年龄的心理描述和风趣语言，同时那些人生观也潜移默化的对他发生着影响。这本书我们已经共读第三遍了。看到孩子这么感兴趣，我特别有感触。现在孩子们的书都多得不得了，这本还没沉淀一下已经有十本在后面等着
  • 大数据集群运维常见的一些问题以及处理方式
    态）；若为YARN节点，重启NodeManager后手动将其加入集群。若为节点整体宕机：排查电源和网络，重启节点后，依次启动HDFS、YARN等服务进程，确认数据块完整性（避免因节点宕机导致副本不足）。2.网络问题现象：节点间通信超时（如HDFS心跳超时、YARN任务调度延迟）、数据传输卡顿。可能原因：交换机故障、网线松动、网络带宽过载、防火墙规则拦截。处理方式：用ping、traceroute检
  • 徐州20家司法亲子鉴定中心地址排名大全（附2024年鉴定中心汇总鉴定） 国医基因铬主任
    徐州司法亲子鉴定中心在哪？徐州司法亲子鉴定中心所在地：徐州市泉山区解放南路，国医基因是一家正规的司法亲子鉴定咨询机构。司法亲子鉴定中心在亲子鉴定是司法领域中的重要部分，它可以帮助解决家庭争端、确认亲子关系、保障未成年人的合法权益等重要问题。在现代社会，随着人们对家庭和法律关系的重视，亲子鉴定中心的作用变得越来越重要。国医基因作为徐州这座繁荣发展城市的正规亲子鉴定中心，致力于为市民提供了全面、专业的
  • 濮阳做亲子鉴定的机构一览（附2024年鉴定地址汇总） 民鉴基因科普
    濮阳可以做亲子鉴定的机构在哪里？濮阳亲子鉴定机构地址在濮阳市华龙区胜利中路。在濮阳做司法亲子鉴定需要携带本人证件办理（身份证、出生证、结婚/离婚证），个人隐私亲子鉴定和无创胎儿亲子鉴定可匿名办理，无需出示证件，支持邮寄样本，正规亲子鉴定机构可保障亲子鉴定结果的准确性以及可行性。濮阳做亲子鉴定的机构一览（附2024年鉴定地址汇总）濮阳正规亲子鉴定机构1、濮阳民鉴基因亲子鉴定中心濮阳亲子鉴定机构地址：
  • 今日喜欢的文案 liaolicy
    《不被大风吹倒》：莫言致所有年轻朋友的一封信亲爱的年轻朋友，节日快乐。想起几天前，你们在我的公众号后留言问我，如果人生中遇到艰难时刻该怎么办？这确实是一个必须面对的重要问题。谁都不敢保证自己一生中不会遇到困难，甚至是艰难时刻。我无法告诉你一个适合所有人的标准答案，但可以与你们分享两个小故事。当我遇到艰难时刻时，给我带来知识与力量的一本书和一个人。一本书，是《新华字典》。我一生中遇到的第一个艰难时刻
  • 逆转录：遗传密码的逆向流动与现代生物学的划时代意义 优宁维生物 经验分享
    反转录是生命系统中一种独特的遗传信息逆向流动机制，指以RNA分子为模板，在逆转录酶（亦称RNA依赖型DNA聚合酶，RDDP）的催化作用下，遵循碱基互补配对原则合成双链DNA的非经典途径。该过程突破了传统中心法则对遗传物质传递方向的限定，成为基因工程技术体系中获取目的基因的核心策略：通过分离特定mRNA并逆转录生成互补DNA（cDNA），实现了从转录本到遗传蓝图的精准追溯，为功能基因组学研究和遗传操
  • 【Java代码审计 | 第五篇】XSS漏洞成因+实战案例 秋说 Java代码审计javaxss
    未经许可，不得转载。文章目录XSS漏洞成因1、直接输出用户输入2、在JSP中使用EL表达式输出用户输入3、在Thymeleaf模板中输出用户输入4、在JavaScript中嵌入用户输入实战案例案例1案例2案例3XSSXSS（跨站脚本攻击，Cross-SiteScripting）是一种常见的Web安全漏洞，攻击者通过在网页中注入恶意脚本，使得这些脚本在用户的浏览器中执行。XSS攻击通常分为以下三种类
  • ios内付费 374016526 ios内付费
    近年来写了很多IOS的程序，内付费也用到不少，使用IOS的内付费实现起来比较麻烦，这里我写了一个简单的内付费包，希望对大家有帮助。   具体使用如下: 这里的sender其实就是调用者，这里主要是为了回调使用。 [KuroStoreApi kuroStoreProductId:@"产品ID" storeSender:self storeFinishCallBa
  • 20 款优秀的 Linux 终端仿真器 brotherlamp linuxlinux视频linux资料linux自学linux教程
      终端仿真器是一款用其它显示架构重现可视终端的计算机程序。换句话说就是终端仿真器能使哑终端看似像一台连接上了服务器的客户机。终端仿真器允许最终用户用文本用户界面和命令行来访问控制台和应用程序。（LCTT 译注：终端仿真器原意指对大型机-哑终端方式的模拟，不过在当今的 Linux 环境中，常指通过远程或本地方式连接的伪终端，俗称“终端”。） 你能从开源世界中找到大量的终端仿真器，它们
  • Solr Deep Paging(solr 深分页) eksliang solr深分页solr分页性能问题
    转载请出自出处：http://eksliang.iteye.com/blog/2148370 作者：eksliang(ickes) blg:http://eksliang.iteye.com/ 概述 长期以来，我们一直有一个深分页问题。如果直接跳到很靠后的页数，查询速度会比较慢。这是因为Solr的需要为查询从开始遍历所有数据。直到Solr的4.7这个问题一直没有一个很好的解决方案。直到solr
  • 数据库面试题 18289753290 面试题 数据库
    1.union ,union all 网络搜索出的最佳答案： union和union all的区别是,union会自动压缩多个结果集合中的重复结果，而union all则将所有的结果全部显示出来，不管是不是重复。 Union：对两个结果集进行并集操作，不包括重复行，同时进行默认规则的排序； Union All：对两个结果集进行并集操作，包括重复行，不进行排序； 2.索引有哪些分类？作用是
  • Android TV屏幕适配 酷的飞上天空 android
    先说下现在市面上TV分辨率的大概情况 两种分辨率为主 1.720标清，分辨率为1280x720. 屏幕尺寸以32寸为主，部分电视为42寸 2.1080p全高清，分辨率为1920x1080 屏幕尺寸以42寸为主，此分辨率电视屏幕从32寸到50寸都有   适配遇到问题，已1080p尺寸为例： 分辨率固定不变，屏幕尺寸变化较大。 如：效果图尺寸为1920x1080，如果使用d
  • Timer定时器与ActionListener联合应用 永夜-极光 java
    功能:在控制台每秒输出一次   代码: package Main; import javax.swing.Timer; import java.awt.event.*; public class T { private static int count = 0; public static void main(String[] args){
  • Ubuntu14.04系统Tab键不能自动补全问题解决 随便小屋 Ubuntu 14.04
    Unbuntu 14.4安装之后就在终端中使用Tab键不能自动补全，解决办法如下：   1、利用vi编辑器打开/etc/bash.bashrc文件（需要root权限） sudo vi /etc/bash.bashrc  接下来会提示输入密码 2、找到文件中的下列代码 #enable bash completion in interactive shells #if
  • 学会人际关系三招 轻松走职场 aijuans 职场
    要想成功，仅有专业能力是不够的，处理好与老板、同事及下属的人际关系也是门大学问。如何才能在职场如鱼得水、游刃有余呢？在此，教您简单实用的三个窍门。 　　第一，多汇报 最近，管理学又提出了一个新名词“追随力”。它告诉我们，做下属最关键的就是要多请示汇报，让上司随时了解你的工作进度，有了新想法也要及时建议。不知不觉，你就有了“追随力”，上司会越来越了解和信任你。 　　第二，勤沟通 团队的力
  • 《O2O：移动互联网时代的商业革命》读书笔记 aoyouzi 读书笔记
    移动互联网的未来：碎片化内容+碎片化渠道=各式精准、互动的新型社会化营销。   O2O：Online to OffLine 线上线下活动 O2O就是在移动互联网时代，生活消费领域通过线上和线下互动的一种新型商业模式。   手机二维码本质：O2O商务行为从线下现实世界到线上虚拟世界的入口。   线上虚拟世界创造的本意是打破信息鸿沟，让不同地域、不同需求的人
  • js实现图片随鼠标滚动的效果 百合不是茶 JavaScript滚动属性的获取图片滚动属性获取页面加载
    1,获取样式属性值 top 与顶部的距离 left 与左边的距离 right 与右边的距离 bottom 与下边的距离 zIndex 层叠层次     例子:获取左边的宽度,当css写在body标签中时 <div id="adver" style="position:absolute;top:50px;left:1000p
  • ajax同步异步参数async bijian1013 jqueryAjaxasync
            开发项目开发过程中，需要将ajax的返回值赋到全局变量中，然后在该页面其他地方引用，因为ajax异步的原因一直无法成功，需将async:false，使其变成同步的。         格式： $.ajax({ type: 'POST', ur
  • Webx3框架（1） Bill_chen eclipsespringmaven框架ibatis
    Webx是淘宝开发的一套Web开发框架，Webx3是其第三个升级版本；采用Eclipse的开发环境，现在支持java开发； 采用turbine原型的MVC框架，扩展了Spring容器，利用Maven进行项目的构建管理，灵活的ibatis持久层支持，总的来说，还是一套很不错的Web框架。 Webx3遵循turbine风格，velocity的模板被分为layout/screen/control三部
  • 【MongoDB学习笔记五】MongoDB概述 bit1129 mongodb
    MongoDB是面向文档的NoSQL数据库，尽量业界还对MongoDB存在一些质疑的声音，比如性能尤其是查询性能、数据一致性的支持没有想象的那么好，但是MongoDB用户群确实已经够多。MongoDB的亮点不在于它的性能，而是它处理非结构化数据的能力以及内置对分布式的支持(复制、分片达到的高可用、高可伸缩)，同时它提供的近似于SQL的查询能力，也是在做NoSQL技术选型时，考虑的一个重要因素。Mo
  • spring/hibernate/struts2常见异常总结 白糖_ Hibernate
    Spring ①ClassNotFoundException: org.aspectj.weaver.reflect.ReflectionWorld$ReflectionWorldException 缺少aspectjweaver.jar，该jar包常用于spring aop中   ②java.lang.ClassNotFoundException: org.sprin
  • jquery easyui表单重置(reset)扩展思路 bozch formjquery easyuireset
    在jquery easyui表单中 尚未提供表单重置的功能，这就需要自己对其进行扩展。 扩展的时候要考虑的控件有： combo,combobox,combogrid,combotree,datebox,datetimebox 需要对其添加reset方法，reset方法就是把初始化的值赋值给当前的组件，这就需要在组件的初始化时将值保存下来。 在所有的reset方法添加完毕之后，就需要对fo
  • 编程之美-烙饼排序 bylijinnan 编程之美
    package beautyOfCoding; import java.util.Arrays; /* *《编程之美》的思路是：搜索+剪枝。有点像是写下棋程序：当前情况下，把所有可能的下一步都做一遍；在这每一遍操作里面，计算出如果按这一步走的话，能不能赢（得出最优结果）。 *《编程之美》上代码有很多错误，且每个变量的含义令人费解。因此我按我的理解写了以下代码： */
  • Struts1.X 源码分析之ActionForm赋值原理 chenbowen00 struts
    struts1在处理请求参数之前，首先会根据配置文件action节点的name属性创建对应的ActionForm。如果配置了name属性，却找不到对应的ActionForm类也不会报错，只是不会处理本次请求的请求参数。 如果找到了对应的ActionForm类，则先判断是否已经存在ActionForm的实例，如果不存在则创建实例，并将其存放在对应的作用域中。作用域由配置文件action节点的s
  • [空天防御与经济]在获得充足的外部资源之前,太空投资需有限度 comsci 资源
          这里有一个常识性的问题:       地球的资源,人类的资金是有限的,而太空是无限的.....       就算全人类联合起来,要在太空中修建大型空间站,也不一定能够成功,因为资源和资金,技术有客观的限制.... &
  • ORACLE临时表—ON COMMIT PRESERVE ROWS daizj oracle临时表
    ORACLE临时表 转 临时表：像普通表一样，有结构，但是对数据的管理上不一样，临时表存储事务或会话的中间结果集，临时表中保存的数据只对当前 会话可见，所有会话都看不到其他会话的数据，即使其他会话提交了，也看不到。临时表不存在并发行为，因为他们对于当前会话都是独立的。 创建临时表时，ORACLE只创建了表的结构（在数据字典中定义），并没有初始化内存空间，当某一会话使用临时表时，ORALCE会
  • 基于Nginx XSendfile+SpringMVC进行文件下载 denger 应用服务器Webnginx网络应用lighttpd
        在平常我们实现文件下载通常是通过普通 read-write方式，如下代码所示。 @RequestMapping("/courseware/{id}") public void download(@PathVariable("id") String courseID, HttpServletResp
  • scanf接受char类型的字符 dcj3sjt126com c
    /* 2013年3月11日22:35:54 目的：学习char只接受一个字符 */ # include <stdio.h> int main(void) { int i; char ch; scanf("%d", &i); printf("i = %d\n", i); scanf("%
  • 学编程的价值 dcj3sjt126com 编程
    发一个人会编程, 想想以后可以教儿女, 是多么美好的事啊, 不管儿女将来从事什么样的职业, 教一教, 对他思维的开拓大有帮助   像这位朋友学习:   http://blog.sina.com.cn/s/articlelist_2584320772_0_1.html   VirtualGS教程 (By @林泰前): 几十年的老程序员，资深的
  • 二维数组（矩阵）对角线输出 飞天奔月 二维数组
    今天在BBS里面看到这样的面试题目,   1，二维数组（N*N），沿对角线方向，从右上角打印到左下角如N=4： 4*4二维数组  { 1 2 3 4 } { 5 6 7 8 } { 9 10 11 12 } {13 14 15 16 } 打印顺序  4 3 8 2 7 12 1 6 11 16 5 10 15 9 14 13 要
  • Ehcache（08）——可阻塞的Cache——BlockingCache 234390216 并发ehcacheBlockingCache阻塞
    可阻塞的Cache—BlockingCache          在上一节我们提到了显示使用Ehcache锁的问题，其实我们还可以隐式的来使用Ehcache的锁，那就是通过BlockingCache。BlockingCache是Ehcache的一个封装类，可以让我们对Ehcache进行并发操作。其内部的锁机制是使用的net.
  • mysqldiff对数据库间进行差异比较 jackyrong mysqld
      mysqldiff该工具是官方mysql-utilities工具集的一个脚本，可以用来对比不同数据库之间的表结构，或者同个数据库间的表结构    如果在windows下，直接下载mysql-utilities安装就可以了，然后运行后，会跑到命令行下： 1） 基本用法    mysqldiff --server1=admin:12345
  • spring data jpa 方法中可用的关键字 lawrence.li javaspring
    spring data jpa 支持以方法名进行查询/删除/统计。 查询的关键字为find 删除的关键字为delete/remove (>=1.7.x) 统计的关键字为count (>=1.7.x)   修改需要使用@Modifying注解 @Modifying @Query("update User u set u.firstna
  • Spring的ModelAndView类 nicegege spring
    项目中controller的方法跳转的到ModelAndView类，一直很好奇spring怎么实现的？ /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version 2.0 (the "License"); * yo
  • 搭建 CentOS 6 服务器(13) - rsync、Amanda rensanning centos
    （一）rsync Server端 # yum install rsync # vi /etc/xinetd.d/rsync service rsync { disable = no flags = IPv6 socket_type = stream wait
  • Learn Nodejs 02 toknowme nodejs
    （1）npm是什么 npm is the package manager for node 官方网站：https://www.npmjs.com/ npm上有很多优秀的nodejs包，来解决常见的一些问题，比如用node-mysql，就可以方便通过nodejs链接到mysql，进行数据库的操作 在开发过程往往会需要用到其他的包，使用npm就可以下载这些包来供程序调用 &nb
  • Spring MVC 拦截器 xp9802 spring mvc
    Controller层的拦截器继承于HandlerInterceptorAdapter HandlerInterceptorAdapter.java  1  public   abstract   class  HandlerInterceptorAdapter  implements  HandlerIntercep
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他