前一段时间因工作时间减缓了更新笔记的时间.我也不知道有没有会观看并且能不能帮到一些初学者,这只是我的一些小随笔而已.当然我也希望的的每一篇随笔都可以帮到更多的想要学习前端开发的初学者们,更希望你们也可以从中体会到.领悟到一些新的知识作为积累并加以巩固.像我一样写下自己每时每刻的成长记录. 文本属性 文本缩进 将Web页面上的一个段落第一行缩进,这是一种最常用的文本格式化效果.有的网站在段落的第一个字母前放一个很小的透明图像,这些图像将文本推到后面来制造一种缩进文本的感觉.另外一些网站则使用完全标…

今天的web前端笔记主要讲述文本属性,希望能帮助到正在学习web前端开发的初学者们,废话不多说了,一起来看看文本属性的相关内容吧. 文本属性 文本缩进 将Web页面上的一个段落第一行缩进,这是一种最常用的文本格式化效果.有的网站在段落的第一个字母前放一个很小的透明图像,这些图像将文本推到后面来制造一种缩进文本的感觉.另外一些网站则使用完全标准的空格(spacer)标记.而在CSS中有一种更好地方法实现文本缩进.那就是text-indent属性. 通过使用text-indent属性,所有元素的第一…

本章内容是阅读CSS权威指南的一个小积累和随笔.新人必看,老鸟也可查看并指出不足指出以便后人阅读更好地理解.O(∩_∩)O谢谢!!!设置字体属性时样式变的最常见的用途之一:不过,尽管字体选择很重要,但是目前还没有一种方法能确保在Web上一致的使用字体,因为没有一种统一描述字体和字体的变性方法:除了各种特定字体系列外(如 Times.Verdana.Helvetica或Arial),还定义了另外5中通用字体系列: 使用通用字体系列 可以使用属性font-family在文档中采用上述任何字体系列使用…

与javaScript相比,Jquery更简洁.浏览器的兼容性更强,语法更灵活,对xpath的支持更强大.一个$符就可以遍历文档中各级元素.例:在页面上有一个无序列表,我们需要将所有列表项中的文本内容提取出来并显示. //javascript代码 <script type = "text/javascript"> var listTimes = document.getElementByTagName("li"); var str = "&qu…

jquery利用了CSS选择符的能力,让我们能够在DOM中快捷而轻松的获取元素或元素集合.本章将介绍以下内容: 1.网页中的元素结构: 2.如何通过CSS选择符在页面中查找元素: 3.扩展jquery标准的CSS选择符: 4.让选择页面元素更灵活的DOM遍历方法:一.如何理解DOM? DOM中的对象网络与家谱十分相似.比如祖先元素.父元素.子元素等等. 元素之间的关系图从下面的图就可以看清楚: 为了把DOM结构更形象的表现出来,可以使用很多工具,列如Firefox的Firebug插件,Safar…

 浏览器参照基准:Firefox, Chrome, Safari, Opera, IE: * IE6不支持CSS min-height属性.最小高度的定义:1. 元素拥有默认高度:2. 当内容超出元素的默认高度时,元素的高度随内容增加而增加Figure 1:如下图的需求 * 如上图,两个区域的高度不一样.这就是 min-height 的效果演示.元素拥有一个默认的高度,当内容超出该默认高度时,元素的高度同时随内容而增加. eg1:<style> .test{ float:left; width…

上一篇文章介绍了如何利用CSS选择器为元素应用各种丰富的样式,每个合法的文档都会生成一个结构树,了解这一点,就能根据元素的祖先.属性.兄弟等元素穿件选择器选择元素. 本篇文章将讨论3中机制之间的关系:特殊性.继承和层叠 特殊性 有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢? 我们来看一下面的代码: <style type="text/css"> p{ color:red; } .first{ color:green; } </s…

数字 颜色——命名颜色 在Css2.1中规范定义了17个颜色名.包括html4.0中定义的16个颜色及外加一个橙色: <h1 style="color=aqua">aqua</h1> <h1 style="color=fuchsia">fuchsia</h1> <h1 style="color=lime">lime</h1> <h1 style="color=…

通常情况下,Highcharts包含标题(Title).坐标轴(Axis).数据列(Series).数据提示框(Tooltip).图例(Legend).版权信息(Credits)等,高级的还包括导出功能按钮(Exporting).标示线(PlotLines).标示区域(PlotBands)等.Highcharts基本组成部分如下图所示HeightCharts的主要组成部分 Title 图表标题,包含标题和副标题(subTitle),其中副标题是非必须的. Axis 坐标轴,包含x轴(xAxis)…

本章将为大家介绍以下几点内容: 1.jquery的主要特点: 2.建立jquery的编码环境: 3.简单jquery脚本示例: 4.选择jquery而不是纯javaScript的理由: 5.常用的jquery开发工具:jquery能做什么? ① 取得文档中的元素 $('div.content').find('p'); ② 修改页面的外观 $('ul > li:first').addClass('active'); ③ 改变文档内容 $('#container').append('<a href…