<html>
<style>
*{
padding:0px;
margin:0px;
}
div,div[name="test"] { /*div[name="test"] 属性选择器，IE下不好使*/
text-transform : capitalize ;/*英文大小写控制 capitalize : 将每个单词的第一个字母转换成大写，其余无转换发生uppercase : 转换成大写lowercase : 转换成小写*/
text-decoration: line-through;/*文本下划线样式*/
letter-spacing : 20px;/*单词间隙大小*/
text-indent : 40px;/*文本缩进*/
/*layout-flow : vertical-ideographic ;文字竖排 IE5.5+专有属性*/
direction: ltr;/*文件排版方向：rtl从右边开始 ltr : 文本流从左到右*/
word-break : keep-all ;/*段词 keep all break-all normal*/
white-space : pre; /*nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇br对象 pre : 用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐*/
word-wrap : break-word ; /*当前行超过指定容器的边界时是否断开转行。normal : 允许内容顶开指定的容器边界
break-word : 内容将在边界内换行。如果需要，词内换行（word-break）也行发生*/
background: url("jin.jpg") gray no-repeat fixed 10% 20%; /*背景图和背景色可一起使用 不重复，左边切掉50% 上边切掉20%后开始显示 fixed图片不滚动，scroll图片滚动(谷歌浏览器不起作用一直是固定的)*/
overflow:scroll;
max-height : 200px;/*设置最大高度：IE没效果*/
max-width : 200px;/*设置最大高度：IE没效果*/
outline: double 5px ;/*对象外的线条轮廓 IE没效果*/
}
/*使用A标签制造访问过的DIV 无下划线，鼠标停靠文字变颜色(橘黄色)，点击过的变颜色(红色)*/
a{font-size: 14pt;color:black !important ;width:300px;display:block;background:gray;text-decoration: none;}
a:hover{background:orange;color:blue; } /*由于上边的color加了!important ，所以a:hover的color=blue就失效了*/
a:visited{background:red;}
</style>
<a href="#">置a对象在未被访问前的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。
对于无href属性（特性）的a对象，此伪类不发生作用。
</a><br/>
<div name="test" style="border:1px solid red;width:300px;height:400px;">
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/> 阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/> 阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
阿斯顿发Enjoy my works . many thanks .<br/>
</html>
分享到：
相关推荐
这是一篇关于前端页面的介绍，开放学习，望大家多多看看、 哈哈
主要介绍了CSS 小结笔记之变形、过渡与动画的示例的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
在CSS里，能达到这个境界的，我想没有三五年经验很难吧。希望下面这些CSS属性能让你向精通更靠近一些。 一.CSS Pseudo-Classes 伪类 1.Selector : hover { sRules } 设置对象在其鼠标悬停时的样式表属性。 在CSS1中...
看到标题你一定很容易就会想到截断文字加“…”的做法。哈哈，就是这样。其实写这篇日志也只是把这样方法做个记录，因为好像还有很多人不记得遇到这样的情况该如何处理。 一般的文字截断（适用于内联与块）： ...
css语法样式小结~忘记的可以看看
添加css属性： .container { //因为要通过box撑起container的高度，所以这里不设置height width: 300px; border: 1px solid black; background-color: rebeccapurple; } #box { float: left; width: 140px; ...
HTTP，CSS知识内容简单小结
通过使用组合器（Combinator）将选择器的描述写得更加精确（参考CSS选择器 – MDN ），例如对于下述代码片段，如果想给.cellphones中的.apple增加样式，只使用.apple，势必会对.fruit中的.apple也造成影响。...
CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。 在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应...
NULL 博文链接：https://kyfxbl.iteye.com/blog/1815152
属性：position 作用：检索或者设置元素的定位方式（改变元素位置的属性） *定位分为静态定位，绝对定位，相对定位，固定定位，粘性定位* （1）static 静态定位： ... position的默认值，默认文本流的状态。...
CSS 设计指南学习小结
--*-- --*-- 1 单元目标 2 教学内容 3 动手实践 4 课堂小结 掌握层叠样式表的使用方法 能力目标 CSS的定义和基本语法 知识目标 《CSS网页样式设计与制作》 参考资料 单元目标 2 教学内容 1 单元目标 3 动手实践 4 ...
内容简介 本书将最有用的CSS技术汇总在一起，在介绍基本的CSS概念和最佳实践之后，讨论了核心的CSS技术，例如图像、链接、列表操纵、表单设计等。每一章内容由浅入深，直到建立比较复杂的示例。...13.3 小结 315
1.4 本章小结 12 第2章 HTML 5的常用元素与属性 14 2.1 HTML 5保留的常用元素 15 2.2 HTML 5增强的iframe元素 34 2.3 HTML 5保留的通用属性 40 2.4 HTML 5新增的通用属性 44 2.5 HTML 5新增的结构元素 48 2.6...
1.7 本章小结 第2章 “CSS禅意花园”作品鉴赏 2.1 “CSS禅意花园”简介 2.2 郊野——两列布局 2.3 像素画——三列布局 2.4 百合池塘——三列布局变体 2.5 郁金香——多列布局 2.6...