初学CSS和标准建站的一些CSS常用技巧

初学CSS和标准建站的一些CSS常用技巧的相关文章

• 
  一些顶级CSS技巧

  标签：Web开发

  Snook.Ca最近给所有的CSSer提出了一些写CSS时候的“顶级技巧”。 字体大小使用px 在一行内声明CSS对比下面两个： 以下是引用片段： h2{font-size:18px;border:1pxsolidblue;color:#000;background-color:#FFF;} h2{ font-size:18px; border:1pxsolidblue; color:#000; background-color:#FFF; }   第二种看起来的确格式化，但是不会在阅读上有任何帮助。写在一行内可以让你更快的找...[ 查看全文 ]

  重康是我的名字

  11
• 
  css学习的一些心得

  标签：Web开发

  其实去年的时候，我就有过接触css了都是跟着一些网页教程学做的无非是用来控制一下link,vlink之类的那个时候觉得css好像也不过如此，对于层什么那个时候很不屑于顾，因为感觉层定位起来不如表格方便今年十月份的时候，正式开始学习css才发现一些网站不用表格，仍然可以做到非常的好除此之外css还有着对于大流量网站的速度优势到现在为止，断断续续的学习了两个月了，其间做了一些页面今天就讲讲自己的感受第...[ 查看全文 ]

  jeg太费劲了

  31
• 
  一些有用的CSS资源

  标签：Web开发

  CSS官方站点 CSS Recommendations http://www.w3.org/TR/REC_CSS1 http://www.w3.org/TR/REC_CSS2 CSS在线中心 w3c CSS Activity page http://www.w3.org/style/css 指向css的规范，思路，以及css的相关站点，有好多有用资料 CSS错误检测站点 w3c CSS Test Suite http://www.w3.org/style/css/test 提供用于测试css实现的相当完整的页面组 w3c CSS Validator http://jigsaw.w3.org/css-validator...[ 查看全文 ]

  龙门小亮

  01
• 
  网页文字应用CSS设计的一些技巧

  标签：Web开发

  我想以一章的篇幅来讨论用CSS设定文字样式的做法是个好点子.一般处理文字内容大概是应用CSS最多的地方,就算对没有完全遵守标准的网站来说也是一样.去掉网页中反复出现的＜font标签曾经是(现在也是)十分吸引设计者的事情,而且不难看出以CSS控制文字排印的巨大优势,也就是进一步分离内容和展示方式. 从先前的很多例子我们知道了CSS能处理许多情况,而设定文字样式就算对最基本的网页来说也是加上设计元...[ 查看全文 ]

  whntgz

  51
• 
  css的一些基础的东西

  标签：Web开发

  1. css导入：    第一种是把CSS文档放到head文档中： style type=“text/css” …… /style 其中style中的“type=‘text/css’”的意思是style中的代码是定义样式表单的。   第二种方法是把CSS样式表写在HTML的行内，比如下面的代码： p style=“font-size：14pt；color：blue”蓝色14号文字/p 这是采用Style=“ ”的格式把样式写在html中的任意行内，这样...[ 查看全文 ]

  占日天

  21
• 
  历数CSS缩写的一些好处

  标签：Web开发

  Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页面的文件大小。 为了让网站能够更快，Web的建设者都会按常规地压缩和优化网站上的每一个图像文件，这常常使得为了将文件的大...[ 查看全文 ]

  爱情睡死了ok

  51
• 
  CSS常用技巧汇总

  标签：Web开发

  ul 标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 一个兼容性调整(IE和Mozilla)的笨办法： 初学可能会碰到这样一个情况:同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能...[ 查看全文 ]

  秋雨随风5

  21
• 
  CSS常用技巧介绍

  标签：Web开发

    1. CSS字体定义简写规则 一般的写法会是这样： font-weight: bold;font-style: italic;font-varient: small-caps;font-size: 1em;line-height: 1.5em;font-family: verdana,sans-serif 而实际上你可以用更简洁的写法： font: bold italic small-caps 1em/1.5em verdana,sans-serif 是不是更省事？不过使用这种简写需要注意几点：要使简写定义有效必须至少提供 font-size ...[ 查看全文 ]

  沸腾的泡泡儿

  41
• 
  常用CSS书写技巧

  标签：Web开发

  /*******************************************************************************/ 不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这...[ 查看全文 ]

  seokeke

  11
• 
  CSS教程:内容设置的一些语法

  标签：Web开发

  在进行DivCSS布局时，需要对文本进行控制，今天系统的向大家介绍一下。CSS中控制换行的四种属性。 一、white-space 可以实现HTML中PRE标签的效果，以及单元格的noWrap效果。 语法： white-space : normal pre nowrap 取值： normal： 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行 pre： 换行和其他空白字符都将受到保护...[ 查看全文 ]

  北京大好河山

  21
• 
  网页设计常用的一些技巧

  标签：Web开发

  各种用途的按钮 !--脚本说明： 把如下代码加入body区域中:-- form       p       input type="button" value="返回"  name="button" class="pt9"       input TYPE="button" NAME="view" value="查看本例的源码" view-source:" +window.location.href...[ 查看全文 ]

  Jackhoom

  21
• 
  使用Web标准建站第7天：CSS入门

  标签：Html CSS布局 Div+CSS XHTML

        在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了，可以跳过这一节，直接进入下一节 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句： p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选择器"(selectors)...[ 查看全文 ]

  shianhong1991

  01
• 
  关于学习DIV CSS的一些精妙问答

  标签：Web开发

  1.超链接访问过后hover样式就不出现的问题？ 被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A 2.IE6的双倍边距BUG 例如: style type="text/css" body {margin:0} div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red } /style 浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline 3.为什么FF下...[ 查看全文 ]

  海_羊

  01
• 
  两个CSS代码精简工具和一些精简教程

  标签：Web开发

  尽管通常一个CSS文件占用不了什么带宽, 但之于网页设计, 在不影响整个网页构架与功能的情况下, 网页文件越小越好. 因为更小的网页文件有利于缩短页面的载入时间. 更重要的是, 相同的页面排版和结构, 能用最简洁的代码来实现, 也应该是每个网页设计师对自己的一种要求. 本文里面, 我们为大家介绍介绍两个CSS代码精简工具和相关的一些CSS代码精简教程: CSS代码精简工具 CleanCSS 是一个免费的CSS 精简压缩工...[ 查看全文 ]

  skxlkm

  71
• 
  CSS教程：十步学会用css建站

  标签：Html CSS布局 Div+CSS XHTML

  规划网站 首先需要规划网站，本教程将以下图为例构建网站。 其基本布局见下图： 主要由五个部分构成 ： Main Navigation 导航条，具有按钮特效。 Width: 760px Height: 50px     Header 网站头部图标，包含网站的logo和站名。 Width: 760px Height: 150px     Content 网站的主要内容。 Width: 480px Height: Changes depending on content     Sidebar 边...[ 查看全文 ]

  灵寿县剑波矿产

  791
• 
  使用Web标准建站第9天：CSS布局入门

  标签：Html CSS布局 Div+CSS XHTML

    接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用DIV也可以实现。技术有一个成熟的过程，把DIV看成和TABLE一样的工具，如何运用就看你的想象力了。 注：在实际应用过...[ 查看全文 ]

  轮转殿

  251
• 
  使用Web标准建站第8天：CSS布局入门

  标签：Html CSS布局 Div+CSS XHTML

    CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子： #sample{ MARGIN: 10px 10px 10px 10px; PADDING:20px 10px 10px 20px; BORDER-RIGHT: #CCC 2px solid; BORDER-BOTTOM: #CCC 2p...[ 查看全文 ]

  黑蛋儿射手

  151
• 
  CSS样式表常用技巧

  标签：Web开发

  CSS样式表常用小技巧 · ul 标签在 Mozilla 中默认是有 padding 值的，而在 IE 中只有 margin 有值。 · 同一个的 class 选择符可以在一个文档中重复出现，而 id 选择符却只能出现一次；对一个标签同时使用 class和 id 进行 CSS 定义，如果定义有重复，id 选择符做的定义有效。 · 初学可能会碰到这样一个情况，同样一个标签的属性在 IE 设置成 A 显示是正常的，而在 Mozilla 里必须要设成 B 才能正常显...[ 查看全文 ]

  还我音乐梦

  11
• 
  网页制作：CSS的常用技巧放送

  标签：Web开发

  CSS的常用技巧放送(一) 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width: 100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其...[ 查看全文 ]

  ok吊毛的故事

  01
• 
  看看CSS3制作的一些网页演示效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  下面这些都是使用CSS3制作的网页动画演示，通过这些内容可以了解CSS3的强大，此外部分动画结合了Javascript脚本来运行，其中有些演示内容是十分有用的，可以应用在网页制作中，而且大多数演示功能看起来很帅，不过如果要浏览这些演示效果的话可能最好别用IE浏览器(作者原话：）) 1.使用jQuery的CSS3时钟 2.模拟时钟 3.使用方向键旋转的3D盒子 4.多个3D盒子(滑入/滑出) 5. CSS3折叠 6. 自动滚动的视...[ 查看全文 ]

  每天快乐过山车

  61