第二章 XHTML与CSS基础 2.1 XHTML基础 XHTML是网页代码的核心内容，标准XHTML代码如下： 1 2 3 4 5 新建文档 6 7 8 9 10 对于这段代码，可以分为几部分来了解： 1. 这段代码以doctype开头，也成为文档类型制定代码，它是XHTML的格式标记，用来告诉浏览器，代码是什么类型的。 2. 标签，代表一个网页，是网页的第一个标签，表示谓语这对标签之间的内容属于html类型，浏览器便将其中的内...
第六章 CSS高级应用与技巧 6.1 id与class 6.1.1 什么是id id是XHTML元素的一个属性，用于标识对象名称。无论是class还是id，都是XHTML所支持的公共属性，并且也是其核心属性。class的主要功能是用来对对象的样式设置，而id除了可以定义样式外，还能够成为服务网站交互行为一个特殊标识。每一个被定义了id名称的对象，其id名字在每个页面有且仅能出现一次。 6.1.2 如何使用id 在不考虑使用JavaScript脚本，而是XH...
一、HTML图像 1、在HTML中，图像由标签定义。 指存储图像的位置。 2、alt替换文本属性 alt属性用来为图像定义一串预备的可替换的文本。 二、HTML表格 1、在HTML，表格由标签来定义。 每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义）。 字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表...
一、meta标签的组成 meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 1、name属性 name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。 meat标签的name属性语法格式是：＜meta name="参数" content="具体的参数值"＞ 。 其中name属性主要有以下几...
demo 源码 地址 https://github.com/qqqzhch/webfans compass 的表格提供了集中常见样式 表格边框 outer-table-borders($width, $color) 控制外边边框的尺寸和颜色 inner-table-borders($width, $color) 控制里面边框的尺寸和颜色 例如 .table1{ table { @include inner-table-borders(1px, #7a98c6); @include outer-table-borders(2px); }} 最外边行列（top left）字体 table-scaffolding 例如 ...
1．CSS静态滤镜样式 （filter）（只有IE4.0以上支持） CSS静态滤镜样式的使用方法：{ filter : filtername( parameters1, parameters2, ...) } Filter样式 简要说明 支持参数 alpha 设置图片或文字的不透明度 opacity、finishOpacity、style、startX、startY、finishX、finishY、add、direction、strength blur 在指定的方向和位置上产生动感模糊效果 add、direction、strength chroma 对所选择的颜色进行透明处理 color dropS...
reset 可以重置浏览器的的html的默认样式，因为各个浏览器对有些元素解析差别很大 通过重置样式可以让样式的浏览器兼容 更简单 使用方法简单 @import "compass/reset" layout 有几个常见的布局函数，我觉得挺管用，其他的都是用来写组建非常常用的 Sticky Footer 该模块提供了需要布置你的页脚，它坚持到页面底部的工具。 这个模块主要用于布局页脚，可以让页脚固定在页面的最底部，是一个比较常用的功能，而且有配套的...
参考 http://zachary-guo.iteye.com/blog/6051161. div+p 选择紧接在 元素之后的所有 元素。解释 : find p , p.prev = div 就ok! 2. [class~=flower] 选择 title 属性包含单词 "flower" 的所有元素。解释 : 注意是单词哦 class="abc xyz" abc这个算一个单词 3. [lang|=en] 选择 lang 属性值以 "en" 开头的所有元素。解释 : 注意所谓的开头一定要用 - 做分隔符 , class="en-yy" ok, class="en_yy" fail 4. [src^="ht...
本文地址：http://blog.csdn.net/sushengmiyan/article/details/40427543 mvvm方式实现登陆的博客：http://blog.csdn.net/sushengmiyan/article/details/38815923 本文作者：sushengmiyan ------------------------------------------------------------------------------------------------------------------------------------ 之前写过一篇文章，是 Extjs5MVVM模式下系统登录实例 这文章写完之后，有人就提出了一个疑问，...
Routes入口 后台语言的应用入口都是从routes开始的,想要新建一个页面得学会配置routes. conf/routes 文件定义了全部应用URL的动作(Action),如果当浏览器请求访问http://localhost:9000/,应用将会返回一个页面,此时 routes 初始格式如下 # Routes# This file defines all application routes (Higher priority routes first)# ~~~~# Home pageGET / controllers.Application.index 字面...
应用的调用顺序理解 这个地方很薄弱,浏览器 http://localhost:9000/index.html -> conf/routes -> app/controllers/Application.scala -> def index = Action -> {Ok(views.html.index("Hello World!"))} -> 返回正文的内容纯文本或者HTML格式. 这一块应该也是这么理解的,语言大多都差不多的构造.(好像是这样的) 理解view层 自己研究了一下才发现默认文件下的 index.scala.html 是内容显示页面 main.scala.html 是...
配置PlayFramework环境 下载jar包[Play with Activator],这一步有点晕是JAVA程序员CMD执行的步骤;运行了jar包下载了很多配置文件什么的,有的资源没有VPN链接不上挂机一晚上; 下好之... 进入文件所在文件夹,配置环境变量[;目录:\activator] activator new 创建新项目会提示选择什么模板,本来应该选java的可是资源来自国外没有VPN就选择了scala,好了就开始下载等待; 资源下载完毕创建一个新的项目,默认有一套基础...
首先说first-child与last-child，这两个选择器很容易明白，就是父元素下的第一个子元素和最后一个子元素。而nth-child和nth-last-child则是父元素下指定序号的子元素，甚至第偶数个、奇数个子元素精选样式的制定。 /*选择器写法示例*/ nth-child(n) //正数第n个子元素nth-last-child(n) //倒数第n个子元素nth-child(odd) //正数下来所有的第偶数个子元素nth-last-child(even) //倒数上去的第奇数个子元素 那么nth-of-type与n...
用Laravel编写了一段时间程序，选择了bootstrap作为前段框架，现在已经有一段时间了，抽空总结一下： bootstrap是一个前端框架，所谓框架就是为满足特定需要在特定环境下提供的一些有机联系的组件，bootstrap主要提供了一些css组件，就是对页面的html元素，如表单元素（按钮、输入框框、单选、多选）、布局、表格、图片、文字等等进行了一些美化，它提供了一系列的类，只要在html文件中调用相应的class即可。 ...
我们浏览网站的时候,会点击一些链接,这些链接在点之前,点之后有不同的效果,这些效果就是用伪元素选择器做的 伪元素选择器: 就是在httml中预先定义好一些选择器,成为伪元素 格式:标签名:伪元素:类名 标签名.类名:伪元素 超链接的状态: a :link : 超链接未点击状态 a :visited 被访问后状态 a :hover 光标移到超链接上的状态(未点击)->鼠标悬停 a :active 点击超链接时的状态 使用顺序:L - V - H - ...