高效简洁CSS代码原则



高效简洁CSS代码原则。

1. 使用Reset但并非全局Reset

不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset:

*{ margin:0; padding:0; }

这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。我跟Eric Meyer的观点相同,Reset并不是一成不变的,具体还需要根据项目的不同需求做适当的修改,以达到浏览器的兼容和操作上的便利性。我使用的Reset如下[......]

Read more

html4.0 css2.0 基础知识点总结



html4.0 css2.0 基础知识点总结

一、html是超文本标记语言.

1993年6月互联网工程小组工作草案发布超文本标记语言.

1995年-1997年,相继发布html 2.0 3.0 4.0.

1999年,W3C发布基于严格HTML4.01语法,并在2000年推荐XHTML1.0标准.

2001年5月31日发布XHTML 1.1标准.

2008年1月22日,HTML5公布第一份草案.

 

二、html 整体结构

<!doctype html>

<html>

<head>[......]

Read more

B/S与C/S框架

B/S与C/S框架。

B/S与C/S是网络开发中的两种结构模式,也可以说是两种网络应用的结构体系。
C/S:表示的是Client/Server,表示客户端/服务器。这种体系中,用户需要先获取服务器应用提供商提供的客户端软件(如QQ),然后才能够在个人计算机上实现与服务器的对接、交互、获取服务等。
B/S:表示的是Brower/Server,表示浏览器/服务器。这种体系中,用户直接在网页浏览器中与服务器进行信息交互和获取服务,这种模式虽然也有可能需要注册,但是没有C/S中那么复杂。用户可以随时通过浏览器使用服务,摆脱客户端的羁绊

Read more

css样式控制 溢出文本显示为省略号(……)

css样式控制 溢出文本显示为省略号(……)。

一般的文字截断(适用于内联与块):

.text-overflow {
display:block;/*内联对象需加*/
width:31em;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(…) ;需与overflow:hidden;一起使用。*/
}

对于表格文字溢出的定义:[......]

Read more

css 文本两端对齐如何实现

css 文本两端对齐如何实现?在做表单时我们经常遇到让上下两个字段对齐的情况,比如姓名, 手机号码, 出生地。这样我们就要用到 text-align, text-justify样式了。

text-align直接设为justify就行了,text-justify的情况相对比较复杂
IE的取值如下:
auto :允许浏览器用户代理确定使用的两端对齐法则
inter-word :通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效
newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式
di[......]

Read more

position:absolute和float会隐式的改变display类型

position:absolute和float会隐式的改变display类型。

position:absolute和float会隐式的改变display类型,不论之前是什么类型的元素(display:none除外),只要设置了position:absolute或float,都会让元素以display:inline-block的方式显示,可以设置长宽,默认宽度并不占满父元素,就算是显示的设置display:inline或display:block,仍然无效。
float在IE6下的双倍边距bug就是利用添加display:inline来解决的
注意一点的是,position:relat[......]

Read more

link和@import的区别

link和@import的区别。页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是:

XML/HTML代码
<link rel=”stylesheet” rev=”stylesheet” href=”CSS文件” type=”text/css” media=”all” />
XML/HTML代码
<style type=”text/css” media=”screen”>
@import url(“CSS文件[......]

Read more

标签与标签区别

<em>标签与<strong>标签区别。<em> 标签告诉浏览器把其中的文本表示为强调的内容。把这段文字用斜体来显示。

尽管现在 <em> 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本。如果只想使用斜体字来显示文本的话,请使用 <i> 标签。除此之外,文档中还可以包括用来改变文本显示的级联样式定义。
除强调之外,当引入新的术语或在引用特定类型的术语或概念时作为固定样式的时候,也可以考虑使用 <em> 标签。例如,对重要的术语使用 &l[......]

Read more

linux磁盘管理命令及相关参数

linux磁盘管理命令及相关参数。

1、mount

参数:-t 指定文件系统类型

auto 自动检测文件系统

-o 指定挂载文件系统时的选项,有些也可用在/etc/fstab中,常用有如下几种

·ro 以只读的方式挂载

·rw 以读定的方式挂载

·nousr 使一般用户不可以挂载

·user 使一般用户可以挂载

·codepage 代码页

·iocharset 字符集

2、umount

参数:-a 卸载/etc/mtab中记录的所有文件系统

-n 卸载时不要将信息存入/etc/mtab文件中

-r 若无法成功卸[......]

Read more

linux更改用户登陆的时间限制、用户登陆的次数

linux更改用户登陆的时间限制、用户登陆的次数。

1、vi /etc/security/time.conf 加入以下行

login;*;u1;AL0000-1000

11、vi /etc/pam.d/login 加入以下行

account required pam_time.so

wq即可

2、vi /etc/security/limits.conf 加入以下行

u1 – maxlogins 1 注意这里的1代表的是第三次不可以登陆 ,如果是2则是第四次不可以登陆,以此类推,如果是0则不可以登陆

22、vi /etc/pam.d/login 加[......]

Read more