`
accpxudajian
  • 浏览: 456426 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

css小结

    博客分类:
  • CSS
 
阅读更多

<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小结:一行内文本超出指定宽度溢出的处理

    在CSS布局中,有时我们需要控制文本的显示,特别是在有限的空间内,确保文本不会溢出容器。本文主要讨论如何处理一行内文本超出指定宽度时的溢出问题,这在网页设计中是一个常见的需求,特别是对于标题、摘要或者...

    CSS 小结笔记之变形、过渡与动画的示例

    CSS(层叠样式表)是用于网页设计的常用技术之一,它能够控制网页的布局、字体、颜色、背景等样式。在CSS中,变形(transform)、过渡(transition)和动画(animation)是三个关键的概念,它们能够为网页元素带来...

    CSS3小结

    **CSS3小结** 在网页设计领域,CSS3(Cascading Style Sheets Level 3)是HTML和XML文档样式表语言的最新版本,它极大地扩展了CSS2.1的功能,引入了许多新的特性和改进,使得网页设计更加丰富多彩,更具表现力。本...

    css小结:清除float带来的影响

    在CSS布局中,`float` 属性是一个非常重要的工具,常用于创建多列布局或让元素浮动以便在页面上自由定位。然而,`float` 的使用也会带来一些问题,特别是当它影响到父元素的高度计算时。这就是我们常说的“浮动塌陷...

    HTTP,CSS知识内容简单小结

    HTTP,CSS知识内容简单小结

    css样式小结

    - `text-transform`: 改变文本的大小写,如`text-transform:uppercase;`(全大写)和`text-transform:lowercase;`(全小写)。 - `text-align`: 设置文本的水平对齐方式,包括`text-align:right;`(右对齐)、`text-...

    解决CSS样式冲突的几个办法(小结)

    通过使用组合器(Combinator)将选择器的描述写得更加精确(参考CSS选择器 – MDN ),例如对于下述代码片段,如果想给.cellphones中的.apple增加样式,只使用.apple,势必会对.fruit中的.apple也造成影响。...

    css3.0新知识小结

    CSS3是层叠样式表的最新版本,引入了许多新的特性以增强网页设计的灵活性和表现力。CSS3的出现使得开发者能够更精确地控制页面布局、字体、颜色、背景以及更多的视觉效果。以下是对CSS3中一些关键知识点的详细解释:...

    CSS常用样式总结积累

    这篇博客"CSS常用样式总结积累"是博主对CSS的一些核心概念和技术进行的归纳,旨在帮助读者理解和掌握CSS的基本用法。以下是对这些知识点的详细解释: 1. **选择器**: CSS选择器是匹配HTML元素的方式,如类选择器(`...

    javascript和css兼容性小结

    这篇博文“JavaScript 和 CSS 兼容性小结”可能探讨了如何在不同的浏览器环境下确保代码的兼容性和一致性,这对于 web 开发者来说至关重要。 JavaScript,作为一种广泛使用的客户端脚本语言,它的兼容性问题主要...

    编写出色CSS代码的13个建议小结

    【编写出色CSS代码的13个建议小结】 1. 使用Reset但并非全局Reset 浏览器之间默认的CSS样式存在差异,因此使用Reset CSS可以消除这些差异,实现跨浏览器兼容。然而,全局Reset(如`*{margin:0;padding:0;}`)应...

    CSS颜色体系学习小结(推荐)

    CSS颜色体系是网页设计中不可或缺的一部分,它决定了网页的视觉效果和用户体验。在CSS中,颜色可以通过不同的方式来设置,例如使用颜色关键字、十六进制、RGB、RGBA、HSL、HSLA以及CSS3新增的色标系统等。下面将详细...

    css定位学习小结.md

    属性:position 作用:检索或者设置元素的定位方式(改变元素位置的属性) *定位分为静态定位,绝对定位,相对定位,固定定位,粘性定位* (1)static 静态定位: ... position的默认值,默认文本流的状态。...

    CSS 背景渐变

    CSS 设计指南学习小结

Global site tag (gtag.js) - Google Analytics