实用CSS 文字收集_基础教程

text-transform:uppercase //把文字变成全大写
text-transform:lowercase //把文字变成全小写
text-transform:capitalize //把文字变成首字母大写

text-indent:-9999em //图片添加文字说明但不显示在页面增强SEO

时间: 2024-08-02 13:00:46

实用CSS 文字收集_基础教程的相关文章

CSS教程之CSS的应用_基础教程

  一.In-line 行内  行内样式是在html标签里直接使用style属性     <p style="color: red">text</p>  设定段落文字红色.  但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免.  二.Internal 内部  使用于整个页面的植入内部样式在head标签里面,style标签包围样式.     <!DOCTYPE html PUBLIC "-//W3C//DTD X

第9天:第一个CSS布局实例_基础教程

接下来开始要真正设计布局了.和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来.你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现.技术有一个成熟的过程,把DIV看成和TABLE一样的工具,如何运用就看你的想象力了. 注:在实际应用过程中,DIV在有些地方的确不如表格方便,比如背景色的定义.但任何事情都有得有失,取舍在于你的价值判断.好

第8天:CSS布局入门_基础教程

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

解读css发展历史_基础教程

从1990年代初HTML被发明开始样式表就以各种形式出现了,不同的浏览器结合了它们各自的样式语言,读者可以使用这些样式语言来调节网页的显示方式.一开始样式表是给读者用的,最初的HTML版本只含有很少的显示属性,读者来决定网页应该怎样被显示.  但随着HTML的成长,为了满足设计师的要求,HTML获得了很多显示功能.随着这些功能的增加外来定义样式的语言越来越没有意义了.  1994年哈坤·利提出了CSS的最初建议.伯特·波斯(Bert Bos)当时正在设计一个叫做Argo的浏览器,他们决定一起合作

CSS基础 CSS选择符_基础教程

示例: *[lang=fr] { font-size:14px; width:120px; }  *.div { text-decoration:none; }  2.类型选择符 语法: E { sRules }  说明: 类型选择符.以文档语言对象(Element)类型作为选择符. 示例: td { font-size:14px; width:120px; }  a { text-decoration:none; }  3.属性选择符 语法: E [ attr ] { sRules }  E 

css动态模糊效果_基础教程

实例效果:请把鼠标放上去看看         第一步:把下面的脚本插入<head>与</head>之间: <script>function on(she){girl=shemove=setInterval("moving(girl)",50)} function off(she){ clearInterval(move) she.filters.blur.strength=2 } function moving(s){if (s.filters.bl

CSS网页布局入门教程9:用CSS设计网站导航——横向导航_基础教程

网站导航是网站中最重要的元素,是网站提供给用户的最直接最方便的访问网站内容的工具.网站导航从形式上主要由横向导航.纵向导航.下拉及多级菜单导航第三种形式. 横向导航 作为门户网站的设计而言,主导航一般采用横向导航.由于门户网站下方文字较多,且每个频道均有一同的样式区分,因此在顶部固定一个区域设计统一风格且不占用过多空间的导航是最理想的选择,国内大部分门户均采用这种形式. 纵向导航 目前在门户网站的设计中已经不再流行,纵向导航更倾向于表达产品分类. 下拉导航 主要用于功能复杂的网站.在有些网站上也

CSS网页布局入门教程11:带当前标识的标签式横向导航图片美化版_基础教程

主页 DIV+CSS教程 常用代码 水晶图标 幻灯图片 软件下载 CSS2.0实用手册

CSS网页布局入门教程10:带当前标识的标签式横向导航_基础教程

主页 DIV+CSS教程 常用代码 水晶图标 幻灯图片 软件下载 CSS2.0实用手册