HTML&CSS学习

我的前端学习历程

阅读目录 Jquery基础知识准备 CSS学习与技巧 代码优化 总结 回到顶部 Jquery
·2015-10-28 07:21

CSS语法与用法小字典

前言：这是上学时期对CSS学习的整理，一直没见过光，由于不是专门做前端开发的，难免写不到重点，但对于看懂CSS，和掌握一些基本的用法，熟悉里面的门路还是大有裨益的。
·2015-10-27 13:05

11个实用的CSS学习工具

1. 盒子模型的幻灯片 通过3D转换效果产生的互动的幻灯片。按向左或向右箭头键切换，全屏观看会有更好的效果。 2. CSS Diner 通过一个简单的小游戏让你学习CSS selector，输入正确的selector来完成每一关。你也可以通过菜单来选关。 3. CSS Selectors 交互 这是一个简单
·2015-10-27 12:53

css 框架

archives/18178/ 推荐20个让你学习并精通CSS的网站 http://blog.bingo929.com/20-websites-learn-css.html CSS
·2015-10-24 09:34

各类网址网址收集整理

技术类网站 百度前端团队blog 淘宝UED官方博客 腾讯前端博客 CSS3+HTML5学习 CSS学习 Maven中文教程 Ps联盟_教程网 工具插件类 Highcharts
·2015-10-23 08:46

CSS学习笔记

三列布局（中间自适应）：HTML：left 设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。 虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的，你可以领会要点，举一反三。 rightCSS：.left{ width:200px; height:600px; ba
DannyTam·2015-10-21 21:00

深入理解 IE haslayout

无意间翻阅自己以前写的文章，发现css学习笔记系列文章有很长一段时间没更新了。懒惰这东西有时确实挺可怕的，它会慢慢吞噬着你的斗志和决心。
·2015-10-21 13:38

CSS学习笔记——简述

div+css网页标准布局 1>div 　　i>DIV全称是division，意为“区块、分割”，DIV标签是一个无意义的容器标签，用于将页面划分出不同的区域 　　ii>通过DIV将复杂的页面进行细分块，可以将问题细分一个一个解决，所以通过DIV将页面分块是一个关键的工作，也是决定最终效果与质量的前提。 2>css 　　i>CSS (Cascading St
·2015-10-21 13:53

网页压缩、解压

<html&;gt; <head> <title>Javascript Compressor</title&
·2015-10-21 12:54

CSS学习（二）- 有关 hasLayout 和 BFC

  1. hasLayout 概念说明 ‘Layout’ 可以被某些 CSS property（特性）不可逆的触发，而某些 HTML 元素本身就具有 layout 。 ‘Layout’ 在 IE 中可以通过 hasLayout 属性来判断一个元素是否拥有 layout ，如 object.currentStyle.hasLayout 。 ‘La
·2015-10-21 12:50

css学习（2）-- 常见的CSS属性和值

1、CSS中修饰字体的属性 属    性 描    述 属  性  值 font-family 字体族科 任意字体族科名称都可以使用例如Times、serif等，而且多个族科的赋值是可以使用的，中间用逗号分隔，以防止选择不存在的字体族科
·2015-10-21 11:20

css学习（1）-- 层叠样式表CSS的基础

一、什么是CSS            CSS是Cascading Style Sheets的简写，它除了可以轻松设置网页元素的显示位置和格式处，甚至还能产生滤镜，图像淡化，网页淡入淡出的渐变效果。        &
·2015-10-21 11:19

LessCss学习笔记

一、入门1、LESSCSS是什么？LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用，包括浏览器端（支持IE6+,Webkit,Firefox）、桌面客户端、服务端。例如：@color:#4D926F;p{color:@color;}编译
aoyao9431·2015-10-14 10:00

Css3盒子模型-css学习之旅（5）

主要内容：盒子模型内边距，外边距，边框，外边距合并主要包括：margin（外边距）padding（内边距）border（边框）centent（内容）内边距：padding，paddingleft，paddingright，paddingtop，paddingbottom代码示例 Firsthtml 内边距 td{padding:100px;}效果图边框：1.可以创建出任何的边
u010321471·2015-10-06 16:00

css文本样式-css学习之旅（4）

color：颜色derction：方向；line-height：行高；letter-spaceing：字符间距；text-align：对齐方向；text-decoration：装饰；text-indent：锁紧文本中首行；text-transform：元素中的字母；unicode-bidi：设置文本方向；white-spacing：元素中空白的处理方式；word—spacing：字间距代码实例：p
u010321471·2015-09-25 19:00

css3的样式讲解-css学习之旅（3）

css背景属性：background-color；background-image：url（“位置”）；background-position：right等，px，百分数；background-repeat：norepeat，repreat，laft，right代码实例 Html5样式 属性选择器 属性和值得选择器 css代码body{background-image:url("he
u010321471·2015-09-25 15:00

Xhtml+Css学习总结！ 针对新手学习用的

 Xhtml+Css——Xhtml的标签 标题  1.第一行是固定的2.    第二行也是固定的。文档分为两部分都是在html里写1. 标题 是文档的头部分包含title——标题Link（rel表明连接的文件；type表明文件类型；href指向css连接的文件）2.Body是文档的主体部分在浏览器里要显示的内容。常用的标签：1.H1——H5 标题2.Span    行内属性 –根据内容改变宽度3.
Taching·2015-09-25 14:00

CSS学习笔记——CSS选择器样式总结

*{padding:0;margin:0;}.boxh2{//内边距左边的距离padding-left:10px;//内边距左边的距离padding-right:10px;//边框有无、宽度和颜色border:1pxsolid#000;//背景的高度height:100px;//背景的宽度width:100px;//背景颜色background:#87b0e1;line-height:30px;/
Shbdc·2015-09-14 10:00

CSS学习笔记——CSS选择器样式总结

*{padding:0;margin:0;}.boxh2{//内边距左边的距离padding-left:10px;//内边距左边的距离padding-right:10px;//边框有无、宽度和颜色border:1pxsolid#000;//背景的高度height:100px;//背景的宽度width:100px;//背景颜色background:#87b0e1;line-height:30px;/
Shbdc·2015-09-14 10:00

CSS学习笔记——CSS选择器样式总结

*{padding:0;margin:0;}.boxh2{//内边距左边的距离padding-left:10px;//内边距左边的距离padding-right:10px;//边框有无、宽度和颜色border:1pxsolid#000;//背景的高度height:100px;//背景的宽度width:100px;//背景颜色background:#87b0e1;line-height:30px;/
Shbdc·2015-09-14 10:00

HTML&CSS学习笔记(一)

1、role=xxx用于ARIA，屏幕阅读器识别，ARIA是W3CWeb无障碍倡议(WAI)的一部分，它定义使Web内容和Web应用程序更易于访问的方式。ARIA用于提高使用HTML、CSS、JavaScript、AJAX和相关技术开发的动态内容和高级UI控件的辅助功能。2、如果想定义一个空的链接，又不跳转到页面头部，可以写href="###"；href="javascript:void(0);"
woodyle·2015-09-10 17:00

W3ShcoolHTML/CSS学习笔记精华版

目前几乎所有的操作系统都能安装并使用现代浏览器了，即安装Chrome、Firefox、Safari、Opera的最新版以及IE9以上(IE9是否是现代浏览器仍有争议)，即使是其他国产浏览器，例如360、搜狗、腾讯、UC等浏览器，无论是桌面还是移动平台都能支持大部分的HTML5以及CSS3等新特性了，因此老旧的浏览器兼容几乎可以忽略，尤其在如今移动设备大行其道之时，特殊情况下再特殊考虑；HTML几乎
Seeagood·2015-09-09 22:00

CSS学习笔记——响应式布局

响应式布局响应式布局是现在很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。所谓的响应式布局，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。也就说一个页面可以在多个终端呈现出你想要的效果，能够兼容各个终端。 响应式布局的优缺点优点：面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题根据
Shbdc·2015-08-26 11:00

CSS学习笔记——响应式布局

响应式布局响应式布局是现在很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。所谓的响应式布局，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。也就说一个页面可以在多个终端呈现出你想要的效果，能够兼容各个终端。 响应式布局的优缺点优点：面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题根据
Shbdc·2015-08-26 11:00

CSS学习笔记——响应式布局

响应式布局响应式布局是现在很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。所谓的响应式布局，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。也就说一个页面可以在多个终端呈现出你想要的效果，能够兼容各个终端。 响应式布局的优缺点优点：面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题根据
Shbdc·2015-08-26 11:00

CSS学习------之简单图片切换

最近一直在重温纯CSS，学习的时候真的才发现，css真的博大精深啊！所以趁着学习的劲头，谢了个最简单的CSS图片切换！先整理下思路：首先我希望图片居中间，两边有个切换按钮，点击按钮的时候，可以实现图片切换！所以，我先弄一个div盒子，让他为顶级div所有的东西都放在他里面；所有布局如下代码： Previous next Previous next
EthanCoco·2015-08-25 23:00

CSS学习笔记——选择器

选择器当我们定义一条样式规则时候，这条样式规则会作用于网页当中的某些元素，而我们的规定的这些元素的规则就叫做选择器。常用的选择器：1、id选择器#idname2、类选择器.classname3、标签选择器tagname4、交叉选择器tagname.classnametagname#idname5、群组选择器多个选择器用“，”隔开6、后代选择器（包含选择器）父级和子级用空格隔开7、通用选择器*{} 
Shbdc·2015-08-24 22:00

CSS学习笔记——选择器

选择器当我们定义一条样式规则时候，这条样式规则会作用于网页当中的某些元素，而我们的规定的这些元素的规则就叫做选择器。常用的选择器：1、id选择器#idname2、类选择器.classname3、标签选择器tagname4、交叉选择器tagname.classnametagname#idname5、群组选择器多个选择器用“，”隔开6、后代选择器（包含选择器）父级和子级用空格隔开7、通用选择器*{} 
Shbdc·2015-08-24 22:00

CSS学习笔记——选择器

选择器当我们定义一条样式规则时候，这条样式规则会作用于网页当中的某些元素，而我们的规定的这些元素的规则就叫做选择器。常用的选择器：1、id选择器#idname2、类选择器.classname3、标签选择器tagname4、交叉选择器tagname.classnametagname#idname5、群组选择器多个选择器用“，”隔开6、后代选择器（包含选择器）父级和子级用空格隔开7、通用选择器*{} 
Shbdc·2015-08-24 22:00

第一 html和css

任务1、html学习2、CSS学习笔记：1、使用开发工具      JavaWEB:使用myeclipse工具开发。       
qq_30784675·2015-08-24 21:00

html及css学习笔记_12_css三种使用方式

在html中，除了使用html提供的各种标签对样式进行修改外，我们还可以使用CSS样式对网页样式进行修改。一般我们在从事页面开发时，绝大多数是使用css样式来设置html的外貌，一般是使用外链式（后面讲），这样的好处是html与css文件分开了，有点像页面逻辑与页面UI分开了，以后要改样式时只要修改css即可，如同松耦合，好处太多了，自己开发就知道了。好，回到正题，css有三种方式：内链、内嵌、引
这一秒_此刻·2015-07-30 12:31

html及css学习笔记_3_html文档格式标记与文本标记

html里注释用:br会强制换行将后面的内容强制换行表示一个段落，可以嵌套其它。双层p标签表示一个段落，可以嵌套其它。html会将多余的空格去掉，但使用pre标签会保持原有的样式，不仅保留空格。前面有5个空格hr是水平会隔线添加一条水平分隔线，不可以嵌套。ul无序标记第一课第二课第三课ol有序标记,列表可以嵌套li前面自动加1序号变成5序号变成6dl标签dd标签的说明div表示一个文本块，可以多层
这一秒_此刻·2015-07-30 11:39

html及css学习笔记_1_html语法

目标：可以写一个商户表，能使用三种CSS选择器。未学猜测：Html是标签语言浏览器工具：Opera、IE、Chrome、Fox开发工具：记事本html与普通文本（如：txt文档）的区别：1.html也可以输入文本，且可以设置字体大小、样式、颜色等2.html可以插入图片3.html可以列表与表格4.html可以设置超连接跳转（超连接，可点击的文本，点击后一般会跳到另一个界面）标签，如：表示html
这一秒_此刻·2015-07-29 15:33

html+css学习笔记

html+css学习笔记这几天一直在跟着培训课程，跟着往前跑！一直没有时间写博文，好不容易的一个周日休息，也因为我用于学习html+css给霸占了，今天终于能有机会发博文了。
itcoder-9527·2015-07-27 17:33

css学习笔记

-------------css学习笔记总结------------------1.简介：  CSS是CascadingStyleSheet的缩写。译作「层叠样式表单」。
snail_gesture·2015-07-23 15:00

css学习笔记四

一.overflow1.兼容性IE7下width：100%会出现滚动条，解决去掉width：100%2.overflow：visible妙用IE7浏览器下，文字越多，按钮两侧padding留白就越大解决方法给所用元素添加css样式overflow：visible3.起作用的前提3.1非display：inline水平3.2对应方位的尺寸限制。width/height/max-width/max-h
山水中华·2015-07-16 00:00

css学习笔记三

 css样式大全字体属性：(font)大小{font-size:x-large;}(特大)xx-small;(极小)一般中文用不到，只要用数值就可以，单位：PX、PD样式{font-style:oblique;}(偏斜体)italic;(斜体)normal;(正常)行高{line-height:normal;}(正常)单位：PX、PD、EM粗细{font-weight:bold;}(粗体)ligh
山水中华·2015-07-15 15:00

CSS学习（八）渲染属性的使用

一、css3计数器counters类似于列表，优点在于：可以对任意元素计数，可以自定义计数样式，比如为大写的中文：壹贰叁相关属性，见图使用方法：①定义计数器–需要计数的父元素②增数计数器–计数元素③调用计数器–计数元素的伪对象上实例：section{counter-increment:sec;}//定义计数器 section:before{content:"开始计数-"counter(sec)""
puppyand123·2015-07-14 16:00

css学习笔记二

2015年7月12日一、absolute1.注释符有去空格效果2.absolute有跟随性，最佳定位效果3.图片居中效果--在父元素里设置absolute，test-align：center图片前用一个 空字符串然后图片4.absolute不占空间，不影响页面布局5.absolute时z-index不起作用6.top,bottom,left,right有拉伸作用IE7+可以替代width
山水中华·2015-07-12 23:00

css学习笔记一

一、inline,block与inline-block的区别display:inline;在行内显示常用的inline就是文字和图片，其实inline真没什么好说的，大家可以把它想象成一个杯子里的水，它是“流”，是没有大小和形状的，它的宽度取决于父容器的宽度。因此，针对inline的标签，你设置宽度和高度是无效的，通过监控可以知道，该元素实际的宽度和高度都是auto，并不是我们设定的值。一个很基础
山水中华·2015-07-06 16:00

CSS学习笔记

    这是学习CSS样式做的笔记，稍微整理下。也是一个学习的大纲。CSS层叠样式表学习主要回答两个问题：    （一）      CSS层叠样式表干什么用的？   （二）      CSS层叠样式表怎么用的？回答第一个问题：CSS层叠样式表就是对HTML进行美化的。包括颜色，背景，布局等等。第二个问题可以分解成两个问题：    （1）      CSS层叠样式怎么和HTML配合工作？    （2
ying_lo·2015-06-26 11:04

CSS学习笔记

    这是学习CSS样式做的笔记，稍微整理下。也是一个学习的大纲。CSS层叠样式表学习主要回答两个问题：    （一）      CSS层叠样式表干什么用的？   （二）      CSS层叠样式表怎么用的？回答第一个问题：CSS层叠样式表就是对HTML进行美化的。包括颜色，背景，布局等等。第二个问题可以分解成两个问题：    （1）      CSS层叠样式怎么和HTML配合工作？    （2
ying_lo·2015-06-26 11:04

CSS缩进,CSS字间距

12CSS学习网,Javasrcipt学习及经验分享，圆点网.CSS字间距：letter-spacing字与字间距，例子：CSS学习网,Javasrcipt学习及经验分享，圆点网.
james_laughing·2015-06-04 09:00

CSS学习笔记二（W3CSchool）

选择器1.子选择器>   只选择直接的子元素(即第一代后代，儿子)，即嵌套层次为1的，嵌套更深的则忽略(第二代即以上，即孙子结点及以上)，例如h1>strong{color:red;}Thisisveryveryimportant. Thisisreallyveryimportant. //只会选择第一个h1下的strong标签，而第二个h1下的strong又隔了一个em标签则不符合要求2.后代选
VivianHope·2015-05-24 15:00

牛腩操作系统--CSS学习

  牛腩系统对前台界面的设计采用了DIV+CSS的方法：DIV是层叠样式表中的位置和层次，是用来对HTML文档大块内容提供结构和背景；CSS是动态改变界面样式的好帮手。【CSS是什么】    首先要先理解一下网页文档构成元素：内容层、表现层和行为层。    内容层用于向大众传达信息，嵌入在定义语义和结构的HTML或XHTML标记内，形式有文字，图片，声音，动画等；表现层则负责将内容如何呈现出来，牛
u012466304·2015-05-21 21:00

我的前端学习历程

阅读目录Jquery基础知识准备CSS学习与技巧代码优化总结回到顶部Jquery基础知识准备学习前端需要掌握的基础知识有jquery,css。
yangyisen0713·2015-05-20 15:00

DIV+CSS学习小结

DIV+CSS是WEB设计标准，它是一种网页的布局方法。与传统的通过表格布局定位的方式不同，它可以实现网页页面与表现想分离。因为在牛腩还有JS都有大量的接触到CSS，到现在再学习DIV+CSS的时候，就不再感觉陌生了，都是共鸣~~无论怎么设置CSS样式，都少不了选择器和样式表。样式表样式表最主要的有三种。分别为嵌入式样式表，外部样式表和内联样式表。嵌入式样式表        在html的标签之间添
u013044000·2015-05-17 16:00

CSS学习笔记

整理自某学习视屏（具体也忘了，或许是兄弟连，或许是其他人的） 灵活，但不利于更新，且标签不能共用一种样式 嵌入样式表 通过html的将CSS嵌入到HTML里面 样式 可以控制当前页面的所有的样式 但不能控制所有页面的样式 外部样式表 将样式单独定义在一个后缀名为.css的文档中，并且在HTML中通过link连接到HTML中使用 所有的页面都可以使用该文档，也就使得所有的页面能够共享样式 多个
havedream_one·2015-05-11 10:00

【牛腩新闻发布系统】——CSS学习

牛腩的第19集开始讲CSS相关内容，也离真正的网页制作迈进了一大步。这里简单介绍一下CSS的基本内容与核心内容。度娘的说法CSS是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进
u011626283·2015-05-10 11:00

css学习笔记（三）——布局模型

布局模型与盒模型一样都是CSS最基本、最核心的概念。但布局模型是建立在盒模型基础之上，又不同于我们常说的CSS布局样式或CSS布局模板。如果说布局模型是本，那么CSS布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer和Float。在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型(Float)3、层模型（Layer）流动模型，流动
u013159040·2015-04-27 21:00
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他