在上一篇笔记的结尾,我们接触到了两个用于选择XML文档中特定范围的元素和,这两个元素的取值都是XPath表达式,那么,什么是XPath呢?简单的说,XPath是用于在XML文档中查找信息的语言,可用来在XML文档中遍历元素和属性,很多XML的相关技术比如XSLT、XQuery、XPointer等都是构建于XPath的基础之上,在这一篇笔记中,就来学习一下XPath语言。 1、相关术语 (1)节点(Node):格式良好的XML文档都可以转换为一个树型结构,XPath中...
在上一篇笔记中,将文档类型分类时,曾经根据文档是否使用并遵守了DTD或Schema来区分为格式良好的XML和有效的XML,那么什么是DTD和Schema呢?DTD和Schema都是用来规范XML文档的,对XML文档进行语义约束的,DTD简单易用,Schema则功能强大。在这篇笔记中,首先学习一下DTD(Document Type Definition,文档类型定义)。 1、在XML文档中怎么使用DTD 导入方式 语法格式 说明 内部DTD ...
CSS设计彻底研究第1章笔记 XHTML与HTML的重要区别 1. 在XHTML中标记名称必须小写 2. 在XHTML中属性名称必须小写 3. 在XHTML中标记必须严格严格嵌套 4. 在XHTML中标记必须封闭 5. 在XHTML中,即使是空元素的标记也必须封闭 6. 在XHTML中属性值用双引号括起来 7. 在XHTML中属性值必须使用完整形式 8. 在XHTML中,应该区分“内容标记”与“结构标记” 在HTML中引入CSS的方法 1.行内式 This is a line of Text. ...
CSS设计彻底研究5.1节笔记 属性 含义 备注 font-family 字体 可以同时声明多种字体,字体之间用逗号分隔。例:font-family: Arial, ”Times New Roman”; font-size 文字大小 长度单位 相对单位 (1)px:相对于1个像素的比例,1px相当于1像素; (2)em:1em表示的长度是其父元素中字母m的标准宽度; (3)ex:1ex表示字母x的标准高度; (4)% ...
1. 导入外部css: 2. 横排div #search { width: 10%;float: left;} float: left; 这个属性让search往左浮动,这样它的后面(右边)就可以放置别的元素。 3.两个div连在一起,不留空隙 #a { background: #ff0000; width: 70%;height: 20px; float: left;}#b { background: #ff0000; width: 30%; height: 20px; float: right; } 4. div外边框border: 1px solid #ccc; 5. 虚线 6. ...
1.段落里面(p标签)不能嵌套div. 2.Css:层叠式样式档,同一个标签可以用多个样式修饰。 3.css种类:内联式,嵌入式,外部,输入。 内联: aaaaaaaaaaa 缺点:复用性差。 嵌入: p { font-size:50px; color:red; background-color:green; text-decoration:underline; } // 好处:可以控制整个网页的某些标签。 外部: 输入: 在css文件中或者style标签中使用@import url(demo.css); 4.样式规则选择器...
1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大。 3、一个兼容性调整(IE和Mozilla)的笨办法: 初学可能会碰到这样一个情况:同样一个标签的属性在IE设置成A显示是正常的,而在Mozilla里必须要设成B才能正常显示,或...
无标题文档 * {margin:0px; padding:0px;} body { font-size: 12px; margin: 0px auto; height: auto; width: 805px; } .mainBox { border: 1px dashed #0099CC; margin: 3px; padding: 0px; float: left; height: 300px; width: 192px; } .mainBox h5 { float: left; height: 20px; width: 179px; color: #FFFFFF; padding: 6px 3px 3px 10px; background-color:#999999; font-size: 16px; } .mainBox...
一些比较常用属性 font 字体 color 颜色 font-size 字体大小 text-align 文本位置 background 背景 margin 外补丁 padding 内补丁 border 边框 float 布局 下边是实例 CSS布局常用的方法:float:none|left|right 取值: none:?默认值。对象不飘浮 left:?文本流向对象的右边 right:?文本流向对象的左边 它是怎样工作的,看个一行两列的例子 xhtml代码: 这里是第一列 这里是第二列 /*这是违背web标准意图的,只...
第一天 XHTML CSS基础知识 http://www.aa25.cn/div_css/902.shtml 1.整个盒模型在页面中所占的宽度是由左边界+左边框+左填充+内容+右填充+右边框+右边界组成,而css样式中width所定义的宽度仅仅是内容部分的宽度。 第二天 一列布局 http://www.aa25.cn/div_css/903.shtml 1. css手册中说:块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不...
盒子模型的效果: 调整faceul的宽,可以调整每一排摆放的数目,调整div1的margin值,可以改变整体的位置,这是很有用的布局模式 =========================================================== html代码:
设置块级元素的 width 可以阻止它从左到右撑满容器。然后你就可以设置左右外边距为 auto 来使其水平居中。元素会占据你所指定的宽度,然后剩余的宽度会一分为二成为左右外边距。 div{ width: 600px; margin: 0 auto; } 唯一的问题是,当浏览器窗口比元素的宽度还要窄时,浏览器会显示一个水平滚动条来容纳页面。 在这种情况下使用 max-width 替代 width 可以使浏览器更好地处理小窗口的情况。 div { max-wid...
这几天开始学习JavaWeb了,还是挺有趣的,首先介绍了HTML(超文本标记语言Hyper Text Markup Language)、CSS(层叠样式表Cascading Style Sheets)、HTTP协议(超文本传输协议Hypertext Transfer Protocol),我主要记录HTTP协议,这部分还是很重要吧。 第一点:HTTP协议是应用层协议,当你上网浏览网页的时候,浏览器和服务器之间就会通过Http在Internet上进行数据的发送和接收,HTTP是一个基于请求/响应模式的,无状态的协议 ...
自从发现可编程的css语法 Sass和基于Sass的css库compass 一个给我的感觉像c# 另外一个给我的感觉像.NET Framework,一切都为了提升开发效率和降低开发大型web的门槛。 当web开发趋势迈进WebApi+Js 时代,compass和Sass 会不会成为web开发的标配?这个得实际开发检验下. 预处理 当web站点变的越来越复杂。 先是html 复杂了----》动态编程语言解决方案 js复杂了---》jq和dojo 等解决方案 css现在也变的复杂了,但是css本...
今天开始,认真学习前端技术,哈哈哈~~~加油~~~ 推荐这本《CSS网站布局实录》(第2版)给初级入门选手,虽然这本书年代有点久远,不过很经典。 注明一下:这里讲述的CSS均为CSS 2.0版本。 第一章 Web标准与CSS布局概述 1.1 Web标准的历史及发展 1.1.1 Web标准 Web标准是由W3C(World Wide Web Consortium)和其他标准化组织制定的一套规范集合,包含一系列标准,包含了HTML、XHTML、JavaScript以及CSS等。 ...