css2

1边框:

高度:height:100px;      宽度:width:100px;

边框样式:bordeer-style:solid;边框颜色:border-color:#FF0000; 边框粗细:border-width:1px;

border:solid #FF0000 1PX;

2背景:

background-color:#FF0000;背景颜色

background-image:url(图片位置)背景图片

background-repeat:no-repeat ;x ;  y;背景图片小于边框时不铺满或横向铺满或纵向铺满;

background-position:10px 10px;背景图片方位 数值可以是负数;

background-size:cover;背景图片拉伸铺满(css3属性)

background-attachment:fixet; 背景图片固定;

3.表格:

标题:<table><caption>      年   月    日</caption></table>

细线合并:border-collapse:collapse;

行表头:th scope=“row“   列表头 th scope=”col“

4超链接:

去掉下划线: text-decoration:none;添加下划线 text-decoration:none;text-decoration:none;

鼠标样式:

当鼠标放在标签上的样式   选择器:hover{cursor:pointer}

overflow:auto;当div里文字超过div时就显示有滚动条

overflow:hidden;当div里文字超过div时就隐藏;

overflow:scroll;当div里文字有没有超过div都显示有滚动条。

时间: 2024-08-27 10:05:09

css2的相关文章

CSS1,CSS2选择器详解

第一.CSS1选择器: 1.元素选择器(也叫标签选择器,是最基本的选择器) <style> html{background-color: red;} div{background-color: yellow;} </style> 2.ID选择器(id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. id 选择器以 "#" 来定义) <style> #boxl{color:blue;} </style> 2.1.结合元素的I

使用CSS2对页面中的文字添加彩色边框

<!doctype html> <html> <head> <meta charset="utf-8"> <title>使用CSS2对页面中的文字添加彩色边框</title> <style> #boarder{  margin:3px;  width:180px;  padding-left:14px;  border-width:5px;  border-style:solid;  height:10

css2.1实现圆角边框

虽然css3的border-radius实现圆角很简单,但是我还是认为css2.1中好多技术还是很值得学习的,我也是后来才知道这就是传说中的滑动门技术.脑洞大开啊 附上demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="te

CSS2.1SPEC:视觉格式化模型之包含块

原汁原味的才是最有味道的,在阅读CSS标准时对这一点的体会更加深刻了,阅读文档后的一大感觉就是很多看上去理所应当的样式表现也都有了对应的支持机制.本文首先从包含块写起,一方面总结标准中相应的阐述,并且结合具体的实例进行具体分析,特别是对于CSS2.1支持并不完善的IE6/7.由于经验尚浅,文中肯定存在一些问题,希望大家可以多多包涵并且指出问题. 阅读本文前,应当对于CSS盒模型以及视觉格式化模型中会产生的各种框(box,也可以成为盒子)以及各种不同的布局方式有比较准确的认识,可以阅读杜瑶大神的两

那些熟悉又陌生的 css2、css3 样式,持续复习

initial关键字:    除了 Internet Explorer,其他的主流浏览器都支持 initial 关键字. Opera 15 之前的版本不支持 initial 关键字. initial 关键字用于设置 CSS 属性为它的默认值. initial 关键字可用于任何 HTML 元素上的任何 CSS 属性. overflow : 所有主流浏览器都支持 overflow 属性. 注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit&quo

CSS2与CSS3属性

CSS2 CSS 背景属性(Background) background在一个声明中设置所有的背景属性. background-attachment设置背景图像是否固定或者随着页面的其余部分滚动. background-color设置元素的背景颜色. background-image设置元素的背景图像. background-position设置背景图像的开始位置. background-repeat设置是否及如何重复背景图像. CSS 边框属性(Border 和 Outline) border

HTML5和CSS3技术出来了 还需要学习CSS2吗?

答案是必须学习CSS 2.0版技术. 因为CSS3是基于CSS2版本升级添加一些效果,但这些布局效果只有高版本IE浏览器才能呈现. 学会了CSS2对应CSS3只需要了解下即可会使用. 对应性治疗师HTML5也是基于HTML4版本升级,增加可以自定义标签,比如以前<div id="header"></div>布局网页头部局部,html5可以直接<header></header>做为标签使用.同时HTML5增加了数据存储.视频呈现代码规范不同

CSS 的历史 CSS2 CSS3的差别

相比CSS2,CSS3新增加了许多属性. 下面是 CSS3 新增的 CSS3 属性列表. animation (and eight associated longhand properties). background-clip. background-origin. background-size. border-radius (and four associated longhand properties) border-image (and six associated longhand

CSS2/selector

CSS2/selector < CSS2 Jump to: navigation, search English Contents 1 选择器 2 模式匹配 3 选择器语法 3.1 分组 3.2 通用选择器 3.3 type选择器 3.4 后代选择器 3.5 子代择器 3.6 相邻选择器 3.7 属性选择器 3.7.1 匹配属性和属性值 3.7.2 DTDs上的默认属性值 3.8 class选择器 4 ID选择器 5 伪元素选择器和伪类选择器 5.1 伪类 5.1.1 :first-child伪

用css2属性clip实现网页进度条

前言 看了网上一些关于网页进度条样式的资料,有很多方式实现,针对其展现形式,有用图片的,有用css2属性clip,有用flash的,本人就学会了一种,下面就简单来介绍一下. css2的属性clip 如果你不是很明白clip属性,那么我就用大白话来解释一下,clip:rect(0px,0px,0px,0px)有四个值,同理是顺时针方向赋值,上右下左,记录改元素裁切方式, 例如:一个元素div,其width:300px;height:300px; clip:rect(0px,100px,60px,0