`
chinahnzhou
  • 浏览: 353386 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

css编写

    博客分类:
  • web
 
阅读更多

a:link{color:#000000; text-decoration:none;}

a:hover{color:#000000; text-decoration:none;}

a:active{color:#000000; text-decoration:none;}

a:visited{color:#000000; text-decoration:none;}

 

定义某个层下面的某个标签

.menu2 a:link,.menu2 a:visited{}

 

定义某个层下面的某个标签的某个标签

.box li a:visited {}

 

 

 

//qq新闻内容css

text-indent: 2em;

line-height: 25px;

margin: 20px auto 0 auto;

 

在富文本编辑器的p应该给与的格式。

h5, p, pre, table, form {

margin: 10px 0;

}

 

 

 

首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入head区: 

<link rel="icon" href="/favicon.ico" type="image/x-icon" /> 

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

 

web标准推荐如下字体定义方法: 

body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; }

字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体,文档将被指定为Lucida Grande。没有的话,就被指定为Verdana字体,如果也没有Verdana,就指定为Lucida字体,依此类推

Lucida Grande字体适合Mac OS X;

Verdana字体适合所有的Windows系统;

Lucida适合UNIX用户

"宋体"适合中文简体用户;

如果所列出的字体都不能用,则默认的sans-serif字体能保证调用;

 

CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a : active,例如: 

a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;} 

a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;} 

a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;} 

a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;} 

以上语句分别定义了 "链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”

 

制作好的网站可以到w3c进行标准校正 

http:validator.w3.org 

http://jigsaw.w3.org/css-validator/

 

为搜索引擎准备的内容

允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索,推荐采用robots.txt方法

<meta content="all" name="robots" />

设置站点作者信息

<meta name="author" content="ajie@netease.com,阿捷" />

设置站点版权信息

<meta name="Copyright" content="www.w3cn.org,自由版权,任意转载" />

站点的简要介绍(推荐)

<meta name="description" content="新网页设计师。web标准的教程站点,推动web标准在中国的应用" />

站点的关键词(推荐)

<meta name="keywords" content="designing, with, web, standards, xhtml, css, graphic, design, layout"  />

 

MARGIN是指层的边框以外留的空白,用于页边距或者与其它层制造一个间距。"

PADDING是指层的边框到层的内容之间的空白。

BORDER是指层的边框,"BORDER-RIGHT: #CCC 2px solid;"是定义层的右边框颜色为"#CCC",宽度为"2px",样式为"solid"直线。如果要虚线样式可以用"dotted"。

 

横向居中margin:0 auto;

 

盒模型主要定义四个区域:内容(content)、边框距(padding)、边界(border)和边距(margin)。

 

css 字母大写及其它

text-transform:uppercase;

capitalize :  将每个单词的第一个字母转换成大写,其余无转换发生
uppercase :  转换成大写
lowercase :  转换成小写

分享到:
评论

相关推荐

    css教程,CSS编写

    **CSS(Cascading Style Sheets)教程** CSS,即层叠样式表,是网页设计中不可或缺的一部分,用于控制网页元素的样式、布局和呈现。它让网页内容与表现分离,提高了网页的可读性和可维护性。这个"css教程"显然是...

    罗盘时钟使用html,js,css编写

    在本项目中,"罗盘时钟使用html,js,css编写"是一个使用前端技术实现的互动时钟应用。这个应用结合了HTML、JavaScript(JS)和CSS这三种核心技术,来展示一个动态的、类似罗盘的时钟界面。下面我们将详细探讨这三个...

    CSS编写的企业网站模板

    【CSS编写的企业网站模板】 在网页设计领域,CSS(Cascading Style Sheets)是一种至关重要的技术,用于控制网页的布局和样式。一个由CSS编写的优秀企业网站模板能为用户提供一致且美观的浏览体验,同时简化开发...

    div css编写的际象棋源码

    总的来说,这个“div css编写的国际象棋源码”项目不仅有助于初学者理解基本的HTML和CSS概念,还能让他们接触到网页交互和响应式设计的实践。通过分析和修改这个源码,初学者可以提升自己的前端开发技能,进一步探索...

    html javascript css编写的工具箱

    这个"html javascript css编写的工具箱"显然是一个集合了多种实用工具的在线平台,它利用这三个语言的强大功能为用户提供便捷的服务。 HTML(HyperText Markup Language)是网页内容的基础结构语言,用于定义页面的...

    TopStyle(CSS编写工具)

    **TopStyle:CSS编写工具详解** TopStyle是一款专为网页设计师设计的专业级CSS(层叠样式表)编写工具。在Web开发中,CSS是至关重要的,它负责定义网页的布局、颜色、字体等视觉效果。TopStyle凭借其强大的功能和...

    react-使用css编写reactnative样式

    在React Native中,尽管主要使用...总之,`react-native-css-file`为React Native开发者提供了使用CSS编写样式的可能性,使得从Web开发转向React Native的迁移变得更加平滑,同时提升了代码的可维护性和团队协作效率。

    HTML+CSS编写规范大全.docx

    在编写 CSS 样式文件时,需要将不同的样式分类编写到不同的 CSS 文件中,并统一放在【CSS】文件夹里。主要的样式文件包括: * main.css:主要样式文件 * font.css:文字样式文件 * table.css:表格样式文件 * ...

    css编写顺序和命名规范

    资源名称:css编写顺序和命名规范资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    html+css编写圣诞节圣诞树

    html+css编写圣诞节圣诞树效果

    CSS大师教程

    6. **CSS预处理器**:介绍Sass、Less等预处理器,学习变量、嵌套规则、混合(mixins)和函数等功能,提升CSS编写效率。 7. **动画与过渡**:讲解CSS3的动画(@keyframes)和过渡(transition)属性,创建动态效果和...

    html+css编写的idc服务商网站源码,西部数码首页镜像.rar

    html+css编写的idc服务商网站源码可以供学习参考,非常专业! 包含css html JavaScript 。可以供学习使用。

    web期末课程设计,基于html、js、css编写了一个简易的网页对web课程所学

    web期末课程设计,基于html、js、css编写了一个简易的网页对web课程所学的一些知识进行了展_Web-Final-Design-Project

    用HTML+div+css编写的一个旅游网站的编写

    在编写HTML和CSS时,需要注意不同浏览器对某些特性的支持程度,如IE浏览器可能不支持一些较新的CSS特性。为了确保所有用户都能正常访问,开发者可能需要使用前缀(-webkit-、-moz-等)或使用polyfill库。 综上所述,...

    纯html+css编写的页面,适合刚学完css,html的新手练习.zip

    html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供...

    基于HTML/CSS编写饰品门户网站

    此课程以一个“饰品网站“首页为原型,讲解HTML和CSS网站制作的相关基础知识(包括完整的构建文档)。 面向人群:Web开发初学者 ...1. DIV+CSS布局基础 2. CSS float浮动排列 3. CSS margin、padding设置边距 4. …

    利用TypeStyle编写CSS可以像TypeScript编写JavaScript一样流利

    总之,TypeStyle为TypeScript开发者提供了一种流畅的CSS编写方式,增强了CSS的可维护性和安全性。通过结合TypeScript的强类型和模块化特性,TypeStyle帮助开发者创建更健壮、更易于管理的Web应用样式。对于追求代码...

    点灯小游戏

    使用js+css编写的点灯的小游戏。(只支持IE8)

    Web开发-HTML+CSS-静态页面-界面设计-HTML+CSS编写酷狗静态页面效果.zip

    CSS样式应用:解释如何使用CSS来美化页面,包括布局、颜色方案、字体样式和响应式设计技术,确保页面在不同设备上都能良好展示。 布局技巧:讨论常用的CSS布局方法,如Flexbox或Grid,以实现复杂的页面布局。 交互...

    用HTML+CSS编写一个计科院网站首页的静态网页-附件资源

    用HTML+CSS编写一个计科院网站首页的静态网页-附件资源

Global site tag (gtag.js) - Google Analytics