Java秃头哥
Java秃头哥

CSS学习笔记1：初识CSS及其常见属性

前面我们已经学习了HTML的相关知识，接下来，我们就开始学CSS的知识。一个完整的前端网页少不了HTML、CSS、JavaScript。其中HTML是超文本标记语言，它是从语义的角度描述网页的结构；CSS是层叠式样式表，它的功能是从审美的角度负责页面的样式，CSS即是英文“cascading style sheet”的缩写；而JavaScript的功能是从交互的角度描述网页的行为。从今天起呢，我就进入了走进花样CSS的大门，一步一步为我们的网页增添绚丽色彩。

一、CSS初体验

在此说明一下，我学习的是css2.1，css3后面再学。
CSS的基本语法

<head>
    <style type=“text/css”>
        选择器{
            k:v;
            k:v;
            k:v;
            k:v;
        }
    style>
head>

其中，type表示“类型” ， text和css都是“纯文本”。style标签写在head里面。K代表属性，V代表属性值。

CSS学习笔记1：初识CSS及其常见属性_第1张图片

二、CSS常见属性

  • 字符颜色：
color:red;

color属性的值，可以是英语单词，比如red、blue、yellow等等；也可以是rgb、十六进制。

  • 字号大小：
font-size:40px;

font就是“字体”，size就是“尺寸”。px是“像素”。
单位必须加，不加不行。

  • 背景颜色：
background-color: blue;

background就是“背景”。

  • 加粗：
font-weight: bold;

font是“字体” weight是“重量”的意思，bold粗。

  • 不加粗：
font-weight: normal;

normal就是正常的意思。

  • 斜体：
font-style: italic;

italic就是“斜体”。

  • 不斜体：
font-style: normal;
  • 下划线：
text-decoration: underline;

decoration就是“装饰”的意思。

  • 没有下划线：
text-decoration:none;

在sublime中，快捷输入法是先输入尖括号<,然后输入能代表该属性的关键字母，然后根据自动提示选择。
比如：

text-decoration:none;可输入font-style: normal;可输入

下面是综合实战，演示一下今天所学的内容：


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>笑话一则title>
    <style type="text/css">
    h1{
        font-weight: bold;
        color: purple;
        font-size: 40px;
    }
    p{
        color: green;
        background-color: pink;
        font-style: italic;
        font-size: 20px;
        text-decoration: underline;
    }
    style>    
head>
    <body>
        <h1>年轻人要善于观察h1>
        <p>某教授在田间授课：科学研究要不怕脏p>
        <p>然后他蹲下来，用手指戳了一下地上的牛粪p>
        <p>然后把手指放到嘴里舔净p>
        <p>一同学忙说：我不怕脏p>
        <p>然后也用手指戳了一下地上的牛粪放到嘴里舔净p>
        <p>教授接着说：另外，还要善于观察，我刚才是用中指戳粪，但舔的是食指……p>
    body>
html>

实际网页效果如下：

CSS学习笔记1：初识CSS及其常见属性_第2张图片

在写css样式时，必须通过选择器把想要添加样式的部分给选择上，今天的案例是用的标签选择器，当然还有其他选择器，下篇博客我将分享一下CSS选择器的使用，请大家多多支持！(^o^)/

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

  • 前端基础面试题·第三篇——JavaScript（其二） DT—— 前端面试javascript面试
    1.深浅拷贝1.浅拷贝浅拷贝会创建一个新的对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝就是改引用类型的地址。//常见的浅拷贝1.Object.assign({},obj)//对象浅拷贝assign⽅法可以⽤于处理数组，不过会把数组视为对象，⽐如这⾥会把⽬标数组视为是属性为0、1、2的对象，所以源数组的0、1属性的值覆盖了⽬标对
  • VUE3学习路线 蜡笔小新星 Vue学习vue经验分享
    以下是一份详细的Vue3学习路线，涵盖从基础到进阶的各个方面，以帮助你系统掌握Vue3开发。第一阶段：基础知识理解前端基础HTML:了解文档结构，常用标签，语义化HTML。CSS:学习选择器、布局、Flexbox和Grid，基本的样式应用。JavaScript:理解基本语法、DOM操作、事件处理、异步编程（Promises,async/await），以及ES6+特性（如箭头函数、解构赋值、模块化）
  • 前端基础知识点 der.. htmlcssjavascript
    本人现在是一名准大二计算机系的学生，准备开始写博客，一方面是想在csdn留下自己的足迹，另一方面是想通过写博客来提高自己的能力。以后会分享一些学习心得，程序代码，以及我的一些学习计划，还有每天学习后的知识总结。如果你和我一样，不甘于平凡，那么，就请给我点一个关注，我们互相交流，共同进步。--------------------------------------------------------
  • 前端基础面试题·第三篇——JavaScript（其四） DT—— 前端面试javascript前端开发语言
    highlight:atom-one-dark1.JSON.stringifyJSON.stringify()方法将一个JavaScript值（对象或者数组）转换为一个JSON字符串，如果指定了一个replacer函数，则可以替换值。语法：JSON.stringify(value,replacer,space)参数value：要转换的值。replacer：替换值，可以是一个函数或者数组。（这个参数
  • 前端基础面试题·第二篇——CSS（其一） DT—— 前端面试前端css
    1.伪类与伪元素伪类，是用来描述元素的一个状态，比如第一个元素，元素被鼠标覆盖等等状态，写法为：伪元素，用于设置一个元素的特殊状态的一部分，写法为::伪元素于伪类：伪元素：::before::after::first-line伪类：:hover:active:focus:nth-child(n)2.单位px:像素，绝对单位em:相对单位，相对于父元素字体大小rem:相对单位，相对于根元素html的
  • 前端基础面试题·第二篇——CSS（其二） DT—— 前端面试前端css
    1.CSS选择器的优先性：！important-强制生效样式-有即生效行内样式-有即生效权重：1000id选择器权重：100类选择器，伪类，属性选择器权重：10元素选择器，伪元素选择器，权重：1通配符，兄弟，后代，子代，权重：02.CSS继承性1.继承属性：1.字体系列属性font,font-family,font-weight,font-size,font-style,font-variant等
  • web前端基础——第八章 ZiminLi 技术栈笔记前端javascript
    目录八十五、对象的简介和基本操作八十六、属性名和属性值八十七、基本数据类型和引用数据类型八十八、对象字面量八十九、函数的简介九十、函数的参数九十一、函数的返回值九十二、实参可以是任何值九十三、返回值的类型九十四、立即执行函数九十五、方法九十六、枚举对象中的属性九十七、作用域（Scope）全局作用域变量的声明提前函数作用域九十八、this九十九、使用工厂方法创建对象一百、构造函数一百零一、原型对象一
  • python前端开发基础 GRKF15 python-前端python前端
    1.Python前端基础教程概述Python作为一门多用途的编程语言，近年来在前端开发领域也展现出了其独特的优势。以下是对Python前端基础教程的概述，包括主要概念、工具和实践方法。1.1Python在前端开发中的应用Python在前端开发中的应用主要体现在以下几个方面：自动化测试：使用Python编写自动化测试脚本，提高测试效率。Web开发框架：利用Flask和Django等框架快速搭建Web
  • 350页前端校招面试题直击大厂：前端基础、前端核心、计算机基础、项目、Hr面 2401_86400095 前端
    **1.HTML2.CSS3.前端基础4.前端核心5.前端进阶6.移动端开发7.计算机基础8.算法与数据结构9.设计模式10.项目11.职业发展12.Hr面**正文HTML1.浏览器页面有哪三层构成，分别是什么，作用是什么?2.HTML5的优点与缺点？3.Doctype作用?严格模式与混杂模式如何区分？它们有何意义?4.HTML5有哪些新特性、移除了哪些元素？5.你做的网页在哪些浏览器测试过,这些
  • 盘点简洁好用的8款静态网站搭建框架，小白易上手 AI码上来 AI工具搭建网站前端
    后台有个小伙伴最近接了一个私活，找了一个开源的静态网站框架，给一个小公司做了一个官网，部署到服务器上，顺手就赚了几千块钱。你眼红不？相对动态网站，静态网站不需要和后端的交互逻辑，所以只要有点前端基础都可以搞定。即使没有任何前端基础，也没问题，咱不是有GPT么？今天，就先给大家来盘点一下那些年简洁好用的静态网站框架。后续看情况给大家展示下：如何借助GPT+静态网站框架，搭建并部署一个网站。1.Wor
  • 前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南 DTcode7 HTML网站开发#前端基础入门三大核心之htmlHTML5前端web前端三大核心网页开发
    前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南基础概念与作用说明PNG8PNG16PNG24PNG32代码示例与使用场景PNG8示例PNG24示例PNG32示例性能优化与最佳实践防范漏洞提示结语与讨论在网页设计与前端开发中，选择合适的图像格式是至关重要的一步，它直接关系到页面加载速度、视觉效果乃至用户体验。PNG作为一种广泛应用的图像格式
  • 前端基础整理 | require / exports / import / export 格致匠心
    一、模块规范一句话总结：CommonJs用于服务端Node.js中，AMD和CMD是针对客户端的规范，为了不让引入依赖阻塞了代码进行，使用了异步加载模块。1.CommonJs：适用区域：用于服务端。导入：require导出：module.exports，exports。exports与module.exportsexports是module.exports的引用，varexports=module
  • 【前端基础篇】JavaScript之jQuery介绍 Trouvaille ~ 前端基础前端javascriptjquery事件选择器csshtml
    文章目录前言JQuery基本介绍和使用方法引入依赖jQuery语法jQuery选择器jQuery事件操作元素获取/设置元素内容获取/设置元素属性获取/返回css属性添加元素删除元素总结：常用的jQuery方法-详细解释与示例事件处理拓展-详细解释与示例其他拓展内容前言在阅读过程中可以把代码片复制到vscode上去浏览器看实际效果，更易理解喔JQuery基本介绍和使用方法W3C标准给我们提供了⼀系列
  • 后端程序员的前端基础-前端三剑客之JavaScript yinying293 后端程序员的前端路线Java#JavaWebjavascript前端java
    后端程序员工作中需要用的前端技术，内容精简极致，目标核心掌握即可本模块分三部分，另外两篇请戳→后端程序员的前端基础-前端三剑客之一：HTML后端程序员的前端基础-前端三剑客之二:CSS后端程序员的前端基础-前端三剑客之三:本篇文章目录1JavaScript简介1.1JavaScript简介1.2JavaScript组成部分1.3JavaScript发展史2JavaScript基本语法2.1JS的引
  • 前端基础知识 六毛的毛 前端基础前端
    Web标准：由W3C（万维网联盟）制定HTML:超文本标记语言，负责网页结构（页面元素和内容）CSS：层叠样式表，负责网页的表现（页面元素的外观，位置等）JavaScript：负责网页的行为（交互效果）
  • 【前端基础篇】JavaScript之BOM介绍 Trouvaille ~ 前端基础前端javascriptmicrosoftBOMWindowhtmlcss
    文章目录浏览器对象模型（BOM）介绍1.什么是BOM？2.Window对象2.1弹出框2.1.1警告框2.1.2确认框2.1.3提示框2.2定时事件2.2.1延时器2.2.2定时器2.3Window对象其他常用属性与方法2.3.1获取窗口尺寸2.3.2打开新窗口与关闭窗口2.3.3移动与调整窗口大小3.Navigator对象3.1判断浏览器类型3.2navigator对象及方法详细解释：4.Loc
  • 如何学好uni-app 梨园猫 uni-app开发语言青少年编程
    学习uni-app需要掌握以下技能：1.前端基础：熟悉HTML、CSS和JavaScript等前端开发技术，了解基本的前端框架如Vue.js。2.Vue.js：因为uni-app是基于Vue.js构建的，所以需要对Vue.js有深入的理解。可以先通过官方文档或者一些在线课程来学习Vue.js的基础知识。3.uni-app官方文档：阅读并理解uni-app的官方文档是非常重要的，它包含了所有关于un
  • 前端基础：CSS字体属性 曹莓奶昔 CSScsscss3vscodevisualstudiocode前端
    目录1.字体系列2.字体大小3.字体粗细4.字体样式5.字体复合属性6.字体属性总结cssfonts（字体）属性用于字体系列、大小、粗细、文字样式（如斜体）。1.字体系列css使用font-family属性定义字体。P{font-family:"微软雅黑/MicrosoftYaHei";}各个字体之间必须用英文的逗号隔开空格隔开的多个单词组成的字体，加引号尽量使用系统默认字体，保证在任何用户的浏览
  • 前端基础部分习题 琼花霰 htmlcssjsvue小程序
    1/HTML1.DOCTYPE的作用是什么？标准模式与兼容模式各有什么区别?声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。!DOCTYPE是一种标准通用标记语言的文档类型声明，它的目的是要告诉浏览器它应该使用什么样的文档类型定义（DTD）来解析文档。标准模式，浏览器按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。标准模式
  • 一起来使用node.js制作一个视频吧
    theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目
  • 一起来使用node.js制作一个视频吧
    theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目
  • SpringBootWeb学习笔记——12万字大合集 扶摇| javaj2eespringbootspringbootintellij-idea
    0.写在前面注：这套笔记是根据黑马程序员B站2023-3-21的视频学习的成果，其中省略了前端基础部分、Maven部分和数据库基础部分，详情可见目录。注注：目前文章内结尾处多幅图片加载不出来，因为图片还存在本地没被传上来，过段时间再改~所有的Spring项目都基于SpringFrameworkSpringFramework配置繁琐，入门难度大文章目录0.写在前面1.SpringBootWeb入门简
  • 前端八股文 ╰゛Maud 前端
    前端八股文通常包含一系列问题，涉及HTML、CSS、JavaScript等前端基础知识。以下是一些常见问题及其简要答案：HTML八股文什么是HTML？HTML（HypertextMarkupLanguage）是一种用于创建网页结构的标记语言。了解详细...HTML5有哪些新特性？包括语义化标签（如、等）、音视频支持、本地存储、Canvas绘图等特性。了解详细...CSS八股文什么是盒模型？盒模型指
  • 前端基础 03、JavaScript 入门 yjtuuige
    一、什么是JavaScript1.概述JavaScript是世界上最流行的脚本语言；JavaScript是运行在浏览器中的，解释型的编程语言；JavaScript≠Java；只用了10天设计完成；后端人员，必须要精通JavaScript；在Web世界里，只有JavaScript能跨平台、跨浏览器，驱动网页，与用户交互；2.JavaScript历史1995年，网景公司凭借Navigator浏览器，成
  • 前端基础(五)_运算符(算术运算符、赋值运算符、比较运算符、逻辑运算符、三目运算符、运算符优先级和结合性、数据类型的隐式转换) 六卿 #前端基础（JS）前端javascript运算符
    一、算术运算符算术运算符即：加（+）减（-）乘（*）除（/）取余（%）加加（++）减减（–）算术运算符里比较特殊的是+，它即可以是字符串连接，也可以是加法运算。大致规则是：如果两边都是数字，则就是普通的数学计算如果有一边是字符串，则另一边也转成字符串，变成字符串的拼接如果没有字符串，则调用Number方法，转成数字，再进行相加如果有一边是对象，则对象调用toString得到字符串表示，再进行计算例
  • （代码示例）css实现等高布局的三种方式 PHP9年架构师
    本篇文章给大家带来的内容是关于css实现等高布局的三种方式（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。本文讲的等高布局是在不手动设置元素高度的情况下，使用纯css实现各个元素高度都相当的效果。如图：首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟
  • JS逆向手记01__前端基础 跃上青空 spider爬虫
    系列文章目录系列手记占位文章目录系列文章目录前言一、js自执行函数语法二、js变量类型的转换（与字符串相加）三、浏览器环境（BOM）四、html渲染环境（DOM）五、html发起请求（表单form）六、js两种访问对象属性的方法总结前言会带着记录些反爬相关的前端基础。一、js自执行函数语法js加载的时候会自动运行!(function(){...})()这函数也可以命名二、js变量类型的转换（与字符
  • 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.阿里图标的使用
  • vue3初识 余识- vuevue3前端nodenpm
    目录一、前言二、主观感受三、vue3初探原文以及该系列教程文章后续可点击这里查看：vue初识一、前言Vue.js是一款流行的前端框架，最初由尤雨溪（EvanYou）于2014年创建，非常的年轻。官网为vue3，但要注意，vue框架本身是基于前端基础知识之上的，所以学习vue的前提是，你已经理解、并能够熟练的使用html、css、JavaScript这三大前端基石去开发基本的网页应用了。如果你对这些
  • JavaScript -- jQuery网页开发案例笔记 秣凡 javascriptjquery前端
    视频地址：黑马程序员前端基础必备教程|jQuery网页开发案例精讲_哔哩哔哩_bilibili视频代码地址：JavaScript_jQuery测试案例:本仓库是学习jQuery相关知识。视频网址：https://www.bilibili.com/video/BV1a4411w7Gx?share_source=copy_web&vd_source=d60891811856d864c216f6f099
  • 设计模式介绍 tntxia 设计模式
    设计模式来源于土木工程师 克里斯托弗 亚历山大（http://en.wikipedia.org/wiki/Christopher_Alexander）的早期作品。他经常发表一些作品，内容是总结他在解决设计问题方面的经验，以及这些知识与城市和建筑模式之间有何关联。有一天，亚历山大突然发现，重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作
  • android高级组件使用(一) 百合不是茶 androidRatingBarSpinner
    1、自动完成文本框（AutoCompleteTextView） AutoCompleteTextView从EditText派生出来，实际上也是一个文本编辑框，但它比普通编辑框多一个功能：当用户输入一个字符后，自动完成文本框会显示一个下拉菜单，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTex
  • [网络与通讯]路由器市场大有潜力可挖掘 comsci 网络
              如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题.....        这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入  &nbs
  • 自写简单Redis内存统计shell 商人shang Linux shell统计Redis内存
    #!/bin/bash address="192.168.150.128:6666,192.168.150.128:6666" hosts=(${address//,/ }) sfile="staticts.log" for hostitem in ${hosts[@]} do ipport=(${hostitem
  • 单例模式(饿汉 vs懒汉) oloz 单例模式
    package 单例模式; /* * 应用场景:保证在整个应用之中某个对象的实例只有一个 * 单例模式种的《 懒汉模式》 * */ public class Singleton { //01 将构造方法私有化，外界就无法用new Singleton()的方式获得实例 private Singleton(){}; //02 申明类得唯一实例 priva
  • springMvc json支持 杨白白 json springmvc
    1.Spring mvc处理json需要使用jackson的类库，因此需要先引入jackson包 2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 @RequestMapping("helloJson") public @ResponseBody JsonTest helloJson() {
  • android播放，掃描添加本地音頻文件 小桔子
            最近幾乎沒有什麽事情，繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能，就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道，可已通過本地掃描添加歌曲。不知道他們是怎麼實現的，我覺得應該掃描設備上的所有文件，過濾出音頻文件，每個文件實例化為一個實體，記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想，
  • oracle常用命令 aichenglong oracledba常用命令
    1 创建临时表空间 create temporary tablespace user_temp  tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf' size 50m  autoextend on  next 50m maxsize 20480m  extent management local
  • 25个Eclipse插件 AILIKES eclipse插件
    提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug，它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去，能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具，它提供了
  • Spring MVC拦截器+注解方式实现防止表单重复提交 baalwolf spring mvc
    原理：在新建页面中Session保存token随机码，当保存时验证，通过后删除，当再次点击保存时由于服务器端的Session中已经不存在了，所有无法验证通过。   1.新建注解：   ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  • 《Javascript高级程序设计(第3版)》闭包理解 bijian1013 JavaScript
    “闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》         看以下代码： <script type="text/javascript"> function outer() { var i = 10; return f
  • AngularJS Module类的方法 bijian1013 JavaScriptAngularJSModule
            AngularJS中的Module类负责定义应用如何启动，它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 一.Main方法在哪里         如果你是从Java或者Python编程语言转过来的，那么你可能很想知道AngularJS里面的main方法在哪里？这个把所
  • [Maven学习笔记七]Maven插件和目标 bit1129 maven插件
    插件(plugin)和目标(goal) Maven，就其本质而言，是一个插件执行框架，Maven的每个目标的执行逻辑都是由插件来完成的，一个插件可以有1个或者几个目标，比如maven-compiler-plugin插件包含compile和testCompile，即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标   使用插件和目标使得我们可以干预
  • 【Hadoop八】Yarn的资源调度策略 bit1129 hadoop
    1. Hadoop的三种调度策略 Hadoop提供了3中作业调用的策略， FIFO Scheduler Fair Scheduler Capacity Scheduler 以上三种调度算法，在Hadoop MR1中就引入了，在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度   2. 多用户资源共享的调度
  • Nginx使用Linux内存加速静态文件访问 ronin47
    Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快，可以把放在磁盘中的文件，映射到内存中，减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res，站点所对应文件原始存储路径：/opt/web/res shell脚本非常简单，思路就是拷贝资源文件到内存中，然后在把网站的静态文件链接指向到内存中即可。具体如下：
  • 关于Unity3D中的Shader的知识 brotherlamp unityunity资料unity教程unity视频unity自学
    首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，然后我们来看下Unity3D自带的60多个S
  • CopyOnWriteArrayList vs ArrayList bylijinnan java
    package com.ljn.base; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 总述： * 1.ArrayListi不是线程安全的，CopyO
  • 内存中栈和堆的区别 chicony 内存
    1、内存分配方面：     堆：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式是类似于链表。可能用到的关键字如下：new、malloc、delete、free等等。     栈：由编译器(Compiler)自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中
  • 回答一位网友对Scala的提问 chenchao051 scalamap
    本来准备在私信里直接回复了，但是发现不太方便，就简要回答在这里。 问题 写道 对于scala的简洁十分佩服，但又觉得比较晦涩，例如一例，Map("a" -> List(11,111)).flatMap(_._2)，可否说下最后那个函数做了什么，真正在开发的时候也会如此简洁？谢谢    先回答一点，在实际使用中，Scala毫无疑问就是这么简单。
  • mysql 取每组前几条记录 daizj mysql分组最大值最小值每组三条记录
    一、对分组的记录取前N条记录：例如：取每组的前3条最大的记录 1.用子查询： SELECT * FROM tableName a  WHERE 3> (SELECT COUNT(*) FROM  tableName b WHERE b.id=a.id AND b.cnt>a. cnt) ORDER BY a.id,a.account DE
  • HTTP深入浅出 http请求 dcj3sjt126com http
      HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后We
  • 判断MySQL记录是否存在方法比较 dcj3sjt126com mysql
    把数据写入到数据库的时，常常会碰到先要检测要插入的记录是否存在，然后决定是否要写入。 　　我这里总结了判断记录是否存在的常用方法： 　　sql语句： select   count ( * )  from  tablename; 　　然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费，我们只是想判断记录记录是否存在，没有必要全部都查出来。
  • 对HTML XML的一点认识 e200702084 htmlxml
    感谢http://www.w3school.com.cn提供的资料 HTML 文档中的每个成分都是一个节点。 节点 根据 DOM，HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的： 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 Node 层次
  • jquery分页插件 genaiwei jqueryWeb前端分页插件
    //jquery页码控件// 创建一个闭包    (function($) {      // 插件的定义      $.fn.pageTool = function(options) {        var totalPa
  • Mybatis与Ibatis对照入门于学习 Josh_Persistence mybatisibatis区别联系
    一、为什么使用IBatis/Mybatis         对于从事 Java EE 的开发人员来说，iBatis 是一个再熟悉不过的持久层框架了，在 Hibernate、JPA 这样的一站式对象 / 关系映射（O/R Mapping）解决方案盛行之前，iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天，iBatis 凭借着易学易用、
  • C中怎样合理决定使用那种整数类型？ 秋风扫落叶 c数据类型
    如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。    &nbs
  • maven问题 zhb8015 maven问题
      问题1： Eclipse 中 新建maven项目 无法添加src/main/java 问题    eclipse创建maevn web项目，在选择maven_archetype_web原型后，默认只有src/main/resources这个Source Floder。     按照maven目录结构，添加src/main/ja
  • (二)androidpn-server tomcat版源码解析之--push消息处理 spjich javaandrodipn推送
    在 (一)androidpn-server tomcat版源码解析之--项目启动这篇中，已经描述了整个推送服务器的启动过程，并且把握到了消息的入口即XmppIoHandler这个类，今天我将继续往下分析下面的核心代码，主要分为3大块，链接创建，消息的发送，链接关闭。 先贴一段XmppIoHandler的部分代码 /** * Invoked from an I/O proc
  • 用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题 中华好儿孙 JavaScriptAjaxWeb上传文件FormData
    var formData = new FormData($("#inputFileForm")[0]); $.ajax({ type:'post', url:webRoot+"/electronicContractUrl/webapp/uploadfile", data:formData, async: false, ca
  • mybatis常用jdbcType数据类型 ysj5125094 mybatismapperjdbcType
      MyBatis 通过包含的jdbcType 类型 BIT         FLOAT      CHAR          
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他