css学习笔记

CSS学习笔记（十）对表单和数据表格使用样式

1. 对数据表格应用样式 普通的用表格展现的数据，一般会形成杂乱的布局，会使用户难以阅读 对表格内容用少量垂直和水平填充进行视觉分隔，主要的列标题通过一种精细的重复背景图像区别于数据，颜色交替的行帮助引导用户的实线在每个单元格之间水平移动，同时视觉上不会显得太混乱，为了进一步帮助读者，可以在每一行上应用鼠标停留效果 @ 1 表格特有的元素 　　#1 summary和caption 　　　
·2015-11-06 08:33

CSS学习笔记（七）阴影

1.简单CSS阴影 将一个大的阴影图像应用于容器div的背景，然后使用负值的空白边偏移这个图像，从而显出阴影。 <div class="img-wrapper"><img src="dunstan.jpg" width="300" height="300" alt="qixing&quo
·2015-11-06 08:32

CSS学习笔记（六）圆角框

1.固定宽度的圆角框 最容易的一种方式是：使用两个圆角图片，一个放在顶部，一个放在底部 <div class="box"> 　　<h2>Headline</h2> 　　<p>Content</p> </div> .box{ 　　width:418px; 　　background:url(
·2015-11-06 08:31

CSS学习笔记（四）浮动、定位和框模型

这些概念控制在页面上安排和显示元素的方式 1.框模型 他指定元素如何显示和如何相互交互， 页面上的每个元素被看作一个矩形框，这个框由元素的内容、填充、边框和空白边组成   填充出现在内容区域的周围，若在元素上添加背景，那么背景会出现在内容和填充组成的区域 因此，常常使用填充在内容周围创建一个隔离带，使内容不会和背景混在一起 添加边框会在填充区域外加一条边，可是实现
·2015-11-06 08:30

CSS学习笔记（五）背景图基础

body{ 　　background:url(pattern.gif); } 一般浏览器默认是水平或垂直地重复的现实这个图像 可以选择背景图像的平铺方式： 水平平铺：repeat-x 垂直平铺：repeat-y 不平铺：no-rpeat body{ 　　background: #CCC rul(pattern.gif) repeat-x; } 如果想在站点的每个标题上添加一个
·2015-11-06 08:30

CSS学习笔记（更新中...)

阅读: 1 评论: 0 作者: collinye 发表于 2010-03-03 22:02 原文链接 id和class到底要用哪一个？ 　　首先要明白id和class的各自的优缺点。这样才能根据他们的各自的特点进行使用。 id的优点（class的缺点）：id写在css用"#"选择器，class写在css中用"."选择器。"#"选择器的
·2015-11-05 08:42

HTML&CSS学习笔记

1：HTML介绍 HTML指的是超文本标记语言（Hyper Text Markup Language）,它不是一种编程语言，而是一种 标记语言——通过标签（Tag）来描述网页的。举一个简单的例子： 1 <html> 2 <head> 3 网页相关信息 4 </head> 5 <body> 6
·2015-11-05 08:29

CSS学习笔记（更新中...)

id和class到底要用哪一个？ 　　首先要明白id和class的各自的优缺点。这样才能根据他们的各自的特点进行使用。 id的优点（class的缺点）：id写在css用"#"选择器，class写在css中用"."选择器。"#"选择器的优先级高于"."选择器大约10倍，所以当你需要提升优先级的时候，id标签，或者id
·2015-11-02 18:56

CSS学习笔记02

 布局 一般导航条字体为12px，文字显示字体为14px； 如果网站插入图片为固定不变的，我们选用div的background属性，如果为动态图片，我们就需要用img；img的显示每次都需要请求，而div的background属性会保存在缓存中减少doget次数。   文本居中方式（主容器div对于body的居中）：孔浩视频html+css+javascript 13
·2015-11-02 15:33

CSS学习笔记

CSS学习参考：http://www.w3school.com.cn/css/index.asp 选择器　　 　　#　　　　　　　　     id选择器 　　　　 　　.　　　　　　　　      类选择器 　　p　　　　　　　　     元素选择器 　　h1,h2,h3,h4　　　　元素分组 　　h1 em　　　　　
·2015-11-01 10:12

CSS学习笔记（三）层叠和特殊性

在样式表现时，有可能会出现两个或更多的样式寻找同一元素，这就可能出现表现层的不确定性和样式冲突 CSS通过“层叠”给每个规则分配一个重要度 层叠一般采用以下重要度层次： 　　* 标准！important的用户样式 　　* 标准！important的作者样式 　　* 作者样式 　　* 用户样式 　　* 浏览器和用户代理应用的样式 根据选择器的特殊性决定规则的次序，若是特殊性相同，后定
·2015-10-31 18:03

CSS学习笔记（二）选择器

CSS常用选择器一般有： 1.类型选择器 p{color:#FF0000;} h1{font-weight:bold;} 2.后代选择器 li a{text-decoration:none;} 上述两种样式适用于那些应用范围广的一般性样式。 对于更特定的元素可以适用： 1.ID选择器 ID选择器由#表示 #intro{font-weight:bold;} <p id=&
·2015-10-31 18:02

CSS学习笔记（一）之div和span

div元素有助于在文档添加结构，合理处理布局。 div实际上代表部分，它提供了将文档分割为有意义的区域的方法。 但为了将不必要的标记减少到最少，应该只在没有现有的元素能够实现区域分割的情况下使用div元素。 如：<div id="mainNav"> 　　　　<ul> 　　　　　　<li>Home</li> 　　　　　　
·2015-10-31 18:01

CSS学习笔记

#image { /*CSS背景*/ background-color: red; background-image: url(3.jpg); background-position: center /*30% 20%*//*30px 20px*/; background-repeat: repeat-x /*repeat-x*/; ba
·2015-10-31 18:39

我的CSS学习笔记

1.文字修饰中text-decoration:blink(文字闪烁)在现在的浏览器中已经无法显示效果. 2.排列元素中的文本text-align:justify的效果为使文字行两端对齐.但是要注意的是,不足一行的文字无法显示该效果,且段落的最后一行也无法显示该效果.3.设置文字阴影与模糊效果text-shadow,是控制网页中文字阴影属性的样式(Style)，但是，目前只有Safari浏览器支持t
·2015-10-31 17:13

CSS学习笔记03

cursor 属性规定要显示的光标的类型（形状）， 光标类型   CSS十字准心 cursor: crosshair;手 cursor: pointer;cursor: hand;写两个是为了照顾IE5，它只认hand。等待/沙漏 cursor: wait;帮助 cursor: help;无法释放 cursor: no-drop;文字/编辑 cursor: text;可移动对
·2015-10-31 16:21

CSS学习笔记---兼容性CSS hack

CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要
·2015-10-31 16:21

css学习笔记

css学习   CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句： p {COLOR:#FF0000;BACKGROUND:#FFFFFF} ? 其中"p"我们称为"选择器"(selectors)，指明我们
·2015-10-31 15:58

CSS学习笔记01

CSS样式表1.颜色：color：RGB#FFFFFF:全亮，白色；#F00=#FF0000,红色;2.内嵌样式<!--通过style属性来设置样式，这个样式是嵌套在标签中,可以称为内嵌样式，内嵌样式仅仅只是对当前标签有效，内嵌标签中的元素会把在style中的样式替换掉--><h2 style="color:#212267;text-decoration:underli
·2015-10-31 11:30

CSS学习笔记(一)

CSS学习笔记(一) 前段时间把工作辞了，最近闲在家里无聊，想想该趁这段时间好好看看书，学习点啥，整天游手好闲也 不是个办法，经过几天的思索，决定先好好把CSS练练。
·2015-10-31 10:07

CSS学习笔记(二) －－－－盒子模型

我们日常生活中的盒子大概见了不少了，且都为六面体，也就是说是立体的。 那么它到底跟我们学习CSS里面的盒子模型到底有些啥区别呢，之前看过不少的书，千篇一律的一句话代过，讲的也不太细，或者是讲的非细但我没细心去看去体会 今天便来研究下它   a.CSS中盒子模型是平面的，并非立体，所以它只能算是个矩形，正方形，长方形都行 　这个矩形的上下左右边就是四个border,四条边的外面便
·2015-10-31 10:07

css学习笔记（一）

(1)字体属性:        字体名称属性 (font-family) {font-family:Arial}可选项:caption，icon ，menu ，message-box，small-caption，status-bar       字体大小属性 (font-siz
·2015-10-31 10:23

CSS学习笔记

每一条样式规则具备3个必备的要素： 1】选择器 2】样式属性 3】样式值 样式属性和样式值是成对出现的，它们指定了元素的呈现形式。 常用的选择器有类型选择器和后代选择器。 除了常用的选择器外，还有一些高级的选择器，如通用选择器，子选择器、相邻同胞选择器、属性选择器。 在同一个页面上应用多个样式规则，那么就有可能有两个或者更多的样式规则应用与同一个元素，那么就需要一种机制来决定这些样式
·2015-10-31 09:28

CSS学习笔记录（1）

超链接的时候会使用到的： A:visited { COLOR: #414141; TEXT-DECORATION:none;}A:hover { COLOR: #ff0000; TEXT-DECORATION: none;}A:active { COLOR: #414141; TEXT-DECORATION: none;}A:link { COLOR: #
·2015-10-30 14:09

最热网友收藏

周最热网友收藏 共享一些面试题(52)，共94人收藏，xblue3首先收藏 程序员真实写真:35岁前成功的12条黄金法则(49)，共182人收藏，yanglilibaobao首先收藏 css
·2015-10-30 10:50

CSS学习笔记

1　　　　迷惑与问题： (1)css定义的外部样式与内部样式能不能同时使用？ 2　　　　编程体验 (1)css定义的样式都要放在<style type="text/css"> </style>标签中。 (2)在样式标签范围内，不能使用html的注释符号<!-- --> (3)1em指定是一个字体的大小，浏览器默认字体为16px，因此
·2015-10-30 10:22

CSS学习笔记

CSS目的：使内容与表现分离 层叠次序 内联样式（在 HTML 元素内部） 内部样式表（位于 <head> 标签内部） 外部样式表 浏览器缺省设置 外部样式表 <head> <link rel="stylesheet" type="text/css" hre
·2015-10-28 09:59

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

LessCss学习笔记

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

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学习笔记——选择器

选择器当我们定义一条样式规则时候，这条样式规则会作用于网页当中的某些元素，而我们的规定的这些元素的规则就叫做选择器。常用的选择器：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
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他