html第一节 /*为div标签设置CSS样式*/ /*div{ background-color: yellow; width: 300px; height:100px; }*/ /*.name 获取class名为name的标签*/ .div1{ width: 500px; height: 100px; background-color: yellow; } .div2{ width: 300px; height: 50px; background-color: red; } 1.单标签 2.双标签 区分：看是否有内容部分，如果有，则是双标签，反之，是单标签 例如：和 跳转到百度...
我本身是个新手，一边学sass一边记下的笔记，可能有点罗嗦，但是复习起来的话还是比较全面直观的。当然，最重要的还是去实践，实践得真理 其它 CSS 预处理器语言： CSS 预处理器技术已经非常的成熟，而且也涌现出了很多种不同的 CSS 预处理器语言，比如说：Sass（SCSS） LESS Stylus Turbine Swithch CSS CSS Cacheer DT CSS在众多优秀的 CSS 预处理器语言中就属 Sass、LESS 和 Stylus 最优秀，讨论的也多，对比的也多。Sass 是最早...
一、理解web标准含义--为什么采用web标准*****将内容与样式分离1、web标准是一系列标准，就是一系列技术标准在使用时，是组合应用【1】、结构化内容 html【2】、表现化内容 css【3】、行为化内容 JavaScript2、网页开发的小工具--火狐浏览器中的firebug工具--附加组件--搜索firebug作为web前端工作，要兼容的浏览器ie，火狐浏览器，谷歌刘浏览器，苹果浏览器等。网页是否有css样式，测试--在浏览器改变文字大小。3、css定义技巧：【...
一、在实际工作中，都是一个团队在做项目，不是一个人在工作。多人协作，就是每个团队都有自己 的命名习惯。1、css选择符命名，规范。2、都有命名规范文档。 二、css选择符作用：指定css样式所作用对象（范围）1、标签选择符：针对html标签2、id选择符：针对页面中只出现一次的内容，id3、类选择符：针对某些元素，相同的样式，重复样式*****默认情况下某些html元素本身有自己的默认值。4、控制所有元素----使用通配符----*通配选择...
一、学习心得---参考优秀的网页来学习。 1我们只做的静态网页主要用的技术？html+css 只要网上看到的，他的源代码公开的。【1】、先去分析，他们页面是如何布局（结构化）【2】、再试着去做一下，---模仿过程。【3】、最后我们可以自己尝试创新---通向高手的过程。 css精灵技巧，优化网页的http请求次数，提高网页的效率。*****css精灵的核心思想，就是将多张图片，合成一张图片，然后通过背景属性中的定位来控制到底显示图片中的哪...
在网页制作中，有许多的术语，例如： CSS、 HTML、 DHTML、 XHTML等等。在下面的文章中我们将会用到一些有关于 HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的 HTML基础。下面我们就开始一步一步使用 CSS+DIV进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好...
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. ...
第 1 课 页面布局与规划 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以...
CSS专用书写工具： TopStyle Pro v3.11 官方网站地址：http://www.bradsoft.com/ 功能专注于CSS设计的辅助工具，功能相当多，附有CSS码检查功能，减少写错的机会。尤其是它的HELP文件中详细的CSS指令介绍，很适于用作参考文件与初次接触CSS的人做为学习使用。最有用的功能为CSS排错检查，可以对各个版本的CSS文件进行标准化排查并对其进行书写格式化！ [PS:最新的TopStyle版本为V3.12英文版，可升级] CSS是Cascading Sty...
页面布局与规划 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的...
传统页面table来布局和显示数据缺点： 1、显示样式和数据是绑定在一起的 2、布局的时候，灵活度不高。 3、一个页面可能会有大量的元素，代码就会冗余 4、增加了带宽（200字节*2000000*30=？）。 5、搜索引擎不喜欢这样的布局。优点： 1、理解起来比较简单 2、不同的浏览器，看到的效果一般是相同的。 3、用于显示数据还是非常好的。div+css基本思想：数据和样式要分离div（区段）数据css文件，制定数据应当怎样显示。总结，div+css...
DIV+CSS是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。 用div盒模型结构给各部分内容划分到不同的区块，然后用css来定义盒模型的位置、大小、边框、内外边距、排列方式等。 CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等...
Div CSS布局入门教程 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画...
div＋css布局入门 这是在网页设计师上看到的一篇文章，很适合入门div＋css布局的人看，转了过来收藏，hoho～～ 你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你...
作者:番茄红了 一、页面布局与规划 好久没有认真写点东西了，想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题，其实归根结底还是由于没有入门造成的。那么接下来的这篇文章就带领大家入门吧... 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步...