W3Cschool学习笔记——CSS3教程

向 div 元素添加圆角: div { border:2px solid; border-radius:25px; -moz-border-radius:25px; /* Old Firefox */ } 在 CSS3 中,box-shadow 用于向方框添加阴影: div { box-shadow: 10px 10px 5px #888888; } 通过 CSS3 的 border-image 属性,您可以使用图片来创建边框: div { border-imag…

W3Cschool学习笔记——CSS教程

CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢? 一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权. 浏览器缺省设置外部样式表内…

学习笔记|JSP教程|菜鸟教程

学习笔记|JSP教程|菜鸟教程 -------------------------------------------------------------------------------------- JSP介绍 JSP简介 JSP开发环境 JSP on Eclipse Tomcat8.0下载地址 JDK为8.0时,Tomcat需要为8.0而不能是8.5 JSP中System.out.println()与out.println()区别 eclipse设置新建jsp文件默认字符编码为utf-…

AngularJs学习笔记--Guide教程系列文章索引

在很久很久以前,一位前辈向我推荐AngularJs.但当时我没有好好学习,仅仅是讲文档浏览了一次.后来觉醒了……于是下定决心好好理解这系列的文档,并意译出来(英文水平不足……不能说是翻译,有些实在是看不懂,希望大家在参观的过程中指出其中的错误).经过1个多月断断续续的努力,终于把Guide里面的文章基本上都弄出来.Guide中的部分章节,由于重复的部分似乎有点多,而且篇幅较短,这里就没有列出来. 文章列表如下: AngularJs学习笔记--bootstrap AngularJs学习笔记--ht…

W3Cschool学习笔记——HTML5基础教程

HTML5 建立的一些规则: 新特性应该基于 HTML.CSS.DOM 以及 JavaScript. 减少对外部插件的需求(比如 Flash) 更优秀的错误处理更多取代脚本的标记 HTML5 应该独立于设备开发进程应对公众透明 HTML5 中的一些有趣的新特性: 用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素,比如 article.footer.header.nav.section 新的表单控件,比如 calen…

W3Cschool学习笔记——XHTML基础教程

XHTML 是更严格更纯净的 HTML 代码. XHTML 是什么? XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language). XHTML 的目标是取代 HTML. XHTML 与 HTML 4.01 几乎是相同的. XHTML 是更严格更纯净的 HTML 版本. XHTML 是作为一种 XML 应用被重新定义的 HTML. XHTML 是一个 W3C 标准. 与 HTML 相比最重要的区别: 文档结构 XHTML DOCTYPE 是强制性…

W3Cschool学习笔记——HTML基础教程

什么是 HTML? HTML 是用来描述网页的一种语言. HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 水平线 <hr /> 标签在 HTML 页面中创建水平线. hr 元素可用于分隔内容. <p>This is a paragraph</p> <…

ADO.NET 学习笔记入门教程

本文转载自:http://www.youarebug.com/forum.php?mod=viewthread&tid=57&page=1&extra=#pid63 这是本人在学习ADP.NET过程中所作的笔记,可作为ADO.NET入门或者复习的教程. 连接字符串: DataSource=localhost; AttchDBFilename=|DataDirectory|\Database1.mdf; InitialCatalog=UserDate; Integrated Se…

HTML 学习笔记 CSS3(Animation)

CSS3动画: 通过CSS3 我们能够创建动画这可以在许多网页中取代动画图片 Flash动画以及JavaScript. CSS3 @keyframes 规则如需在 CSS3 中创建动画,您需要学习 @keyframes 规则.@keyframes 规则用于创建动画.在 @keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果. 同样的先看一个例子: <html> <head> <meta charset="UTF-8"…

HTML 学习笔记 CSS3(过度 transition)

通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果.请把鼠标移动到下面的元素上: 先看一下这个代码实现旋转放大的效果: <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .anim_transition {…

基于PHP的AJAX学习笔记（教程）

本文转载自:http://www.softeng.cn/?p=107 这是本人在学习ajax过程所做的笔记,通过本笔记的学习,可以完成ajax的快速入门.本笔记前端分别使用原生态的javascript语言和jQuery语言,服务器端使用PHP语言. 一.基础知识 1.创建XMLHttpRequest对象(不同的浏览器获取XMLHttpRequest方法不同) //创建ajax引擎 function getXMLHttpRequest() { var xmlhttp; try { //Firefo…

CSS学习笔记----CSS3自定义字体图标

响应式网页字体图标作者:大漠日期:2014-01-28 点击:3220 @font-face Responsive 本文由大漠根据Jason的<Responsive Webfont Icons>所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点.如需转载此译文,需注明英文出处:http://webstandardssherpa.com/reviews/responsive-webfont-icons,以及作者相关信息 ——作者:Jason ——译者:大漠响应式…

Prometheus监控学习笔记之教程推荐

最近学习K8S和基于容器的监控,发现了如下的教程质量不错,记录下来以备参考 1. K8S最佳实战(包括了K8S的Prometheus监控和EFK日志搜集) https://jimmysong.io/kubernetes-handbook/practice/ 2. Prometheus-book https://yunlzheng.gitbook.io/prometheus-book/ 3. Prometheus实战 https://songjiayang.gitbooks.io/prometh…

Prometheus学习笔记之教程推荐

最近学习K8S和基于容器的监控,发现了如下的教程质量不错,记录下来以备参考 K8S最佳实战(包括了K8S的Prometheus监控和EFK日志搜集) https://jimmysong.io/kubernetes-handbook/practice/ Prometheus-book https://yunlzheng.gitbook.io/prometheus-book/ Prometheus实战 https://songjiayang.gitbooks.io/prometheus/conten…

HTML 学习笔记 CSS3 (多列)

CSS3多列通过CSS3 我们能够创建多个列来对文本进行布局. 在这篇文章中你将了解到如下多列属性: column-count column-gap column-rule 浏览器支持: 多列的属性: 实例: <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .newspaper { /*…

HTML 学习笔记 CSS3 (2D Matrix)

Matrix 矩阵那么什么是矩阵呢? 矩阵可以理解为方阵,只不过平时方阵里面站着人矩阵中是数值: CSS3中的矩阵: css3中的矩阵指的是一个方法,书写为matrix() 和 matrix3d(),前者是元素2D平面的移动变换(transfrom),而后者是3D变换.2D变换矩阵3*3,如上图的示意图:3D变换则是4*4的矩阵. 可能有些难以理解我们可以先看看其他东西层层渐近-transform属性 .trans_skew { transform: skew(35deg); } .t…

HTML 学习笔记 CSS3 (2D转换)

2.scaleX(<number>) : 使用 [sx,1] 缩放矢量执行缩放操作,sx为所需参数.scaleX表示元素只在X轴(水平方向)缩放元素,他的默认值是(1,1),其基点一样是在元素的中心位置,我们同样是通过transform-origin来改变元素的基点.如:transform:scaleX(2):通过CSS3转换我们能对元素进行移动缩放转动拉长或者拉伸转换是使元素改变形状尺寸位置的一种效果. 可以使用2D或3D转换来转换你的元素使用transform 来实现这一效…

HTML 学习笔记 CSS3 (文本效果)

text-shadow 语法 text-shadow : none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]* 也就是: text-shadow:[颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]... 或…

HTML 学习笔记 CSS3 (背景)

CSS3对于background做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强. 1.多个背景图片在CSS3里面你可以在一个标签元素里应用多个背景图片代码类似与css2.0版本的写法,但引用图片之间需用","逗号隔开.第一个图片是定位在元素最上面的背景,后面的背景图片依次在它下面显示,如下: background-image: url(top-image.jpg), url(middle-image.jpg), url(bot…

HTML 学习笔记 CSS3 (边框)

CSS3边框通过CSS3边框你能够创建远角边框向矩形边框添加阴影使用图片来绘制边框 . CSS3的边框属性主要包含以下几种 border-radius 边框圆角 box-shadow 边框阴影 border-image 用图片绘制边框 CSS3圆角边框例子: 在 CSS2 中添加圆角矩形需要技巧.我们必须为每个圆角使用不同的图片.在 CSS3 中,创建圆角是非常容易的.在 CSS3 中,border-radius 属性用于创建圆角 <html> <head> <me…

[CSS3] 学习笔记-CSS3盒子样式

1.盒子的类型在CSS3中,使用display来定义盒子的类型,包括block,inline,inline-block类型.div元素和P元素,属于block类型,span元素和a元素,属于inline类型. <head> <style> /*div默认是block类型,span默认是inline类型,以下通过display,将它们的类型反过来了*/ div{ background-color: red; display:inline; } span{ background-co…

[CSS3] 学习笔记-CSS3选择器详解（一）

1.属性选择器在CSS3中,追加了3个属性选择器,分别为:[att*=val].[att^=val]和[att$=val],使得属性选择器有了通配符的概念. <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style> /*id包含div字符串,就加载效果*/ [id*=div]{ color:lime; }…

学习笔记|Java 教程|菜鸟教程

一.Java 教程 1.Java 教程 Java 在线工具 JDK 1.6 在线中文手册我的第一个 JAVA 程序创建文件 HelloWorld.java(文件名需与类名一致), 代码如下: public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World"); } } 注:String args[] 与 String[] args 都可以执行,但推荐…

前端学习笔记--CSS3

本本记录了css3的样式:浏览器支持度.圆角边框.阴影.文字与文本.过渡.动画.2d旋转.3d旋转浏览器支持度: 1.圆角边框例:只要确定了x.y值,就能知道弧度画一个圆形:长=宽,border-radius=1/2 长 2.阴影:inset设置是外部或内部阴影效果举例:水平偏移10,垂直偏移10,都是正数,往右偏移 3.文本与文字: text-shadow:文字阴影阴影大小可以省略举例: word-wrap: @font-face规则:规定了在网页上能够显示出的特殊字体. css3…

php学习笔记--高级教程--读取文件、创建文件、写入文件

打开文件:fopen:fopen(filename,mode);//fopen("test.txt","r"): 打开模式:r 仅仅读方式打开,将文件指针指向文件头 r+ 读写方式打开,将文件指针指向文件头 w 写入方式,指向文件头,假设不存在则尝试创建 w+ 读写方式,指向文件头,假设不存在则尝试创建 a 写入方式打开,指向文件末…

[CSS3] 学习笔记-CSS3常用操作

1.对齐操作使用margin属性进行水平对齐:使用position进行左右对齐:使用float属性进行左右对齐. <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <link href="1.css" type="text/css" rel="stylesheet&quo…

python2.7学习笔记——菜鸟教程

标准数据类型 Numbers(数字) String(字符串) List(列表) Tuple(元组) Dictionary(字典) list = [ 'runoob', 786 , 2.23, 'john', 70.2 ] tuple = ( 'runoob', 786 , 2.23, 'john', 70.2 ) 元组用 () 标识.内部元素用逗号隔开.但是元组不能二次赋值,相当于只读列表. if,elfi,else等后面写“冒号” def sample(n_samples): pass 该处的…