分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

CSS样式要点笔记

发布时间:2023-09-06 01:25责任编辑:胡小海关键词:CSS

一、背景色

background-color:#ccc;

background不能继承,其默认值是transparent(透明的),即在某元素未设置background-color时其默认为透明背景,即这时候如其父元素背景设置了则可见。

二、文本

1、文本缩进:

p { ???text-indent: 2em;}

一般对于块级元素都可以应用text-indent,而行内元素无法应用。缩进的单位一般通过em表示元素内容的单位。该属性可以继承。

2、水平对齐:

p{text-align:center;}

这里需要注意的是text-align顾名思义仅是让元素内部的文本/内容(text)对齐,而非让该元素本身。

3、字间隔:

p {word-spacing: 2em;}

4、文本装饰:

p { ???text-decoration:underline;}

该属性值包括:none无装饰、underline下划线、overline上划线、line-through删除线、blink闪烁字。

三、字体

p { ???font-family:sans-serif; ???font-style:italic; ???font-weight:bold; ???font-size:18px;}

四、链接

a:link {color:#FF0000;}a:visited {color:#00FF00;}a:hover {color:#FF00FF;}a:active {color:#0000FF;}

“lvha”分别对应未被点击访问、已被点击访问、鼠标指针移动到链接上、正在被点击四种状态。设置的时候必须注意按照"lvha"的顺序。

五、列表

1、修改列表项目的标志类型:

ul { list-style-type: square;}

2、使用图像作为列表项目标志:

ul li {list-style-image: url(x.jpg);}

六、表格

table, th ,td { ???border:1px solid blue;}th { ???background-color:green;}th, td{ ???text-align:center; ???vertical-align:middle;}

CSS样式要点笔记

原文地址:http://www.cnblogs.com/tsembrace/p/7860738.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved