eg：

Title

span{

display: inline-block;

width: 18px;

height: 20px;

background-image: url("http://dig.chouti.com/images/icon_18_118.png?v=2.13");

background-position: 0 -100px;

}

4.文本属性

font-size: 10px;

text-align: center; 横向排列

line-height: 200px; 文本行高 通俗的讲，文字高度加上文字上下的空白区域的高度 50%:基于字体大小的百分比

vertical-align:－4px 设置元素内容的垂直对齐方式 ,只对行内元素有效，对块级元素无效

text-indent: 150px;    首行缩进

letter-spacing: 10px;  字母间距

word-spacing: 20px;    单词间距

text-transform: capitalize; 单词首字母大写

5.边框属性

border-style: solid; 边框样式实线 dashed是虚线

border-color: red; 边框颜色

border-width: 20px; 边框宽度

简写：border:边框宽度 边框颜色 边框样式，例如

border: 30px rebeccapurple solid;

border-left boder-right boder-top boder-bottom

6   列表属性

ul,ol{ list-style: decimal-leading-zero;

list-style: none; 除去列表样式

list-style: circle;

list-style: upper-alpha;

list-style: disc; }

7  dispaly属性

none 隐藏

block 块元素

inline 内联元素

inline-block 内联元素具有块元素属性

8.eg：表格居中

#div1 {

text-align: center;

}

#div2 {

margin:50px auto;

border: 5px red dashed;

width: 500px;

height: 500px;

}

参考：https://www.cnblogs.com/yuanchenqi/articles/5977825.html

css中的背景、边框、补丁相关属性

css中的背景.边框.补丁相关属性 关于背景涉及到背景颜色与背景图片 背景颜色background-color即可设定: 背景图片background-image即可设定: 但是背景图片还涉及到其他的 ...

css(字体，文本，边距，边框，阴影，背景，渐变，多重背景，列表)

font-family 设置字体名称 可以使用多个名称,用逗号分隔,浏览器则按照先后顺序依次使用可用字体 p { font-family:'宋体','黑体','Arial'; } font-size ...

关于文字颜色/图片背景---selector状态列表

文字颜色 android:textColor="@style/style_name" ----------------------------------widget 图片背景 a ...

[转载]CSS教程--字体与文本属性

b>font-family功能:用于改变HTML标志或元素的字体,你可设置一个可用字体清单.浏览器由前向后选用字体.语法:{font-family:字体1,字体2, ... ,字体n} font ...

Pyqt 设置 背景颜色和背景图片、 QPalette 调色板 与QPainter 画板区别 、 不规则图片

设置 背景颜色和背景图片 首先设置autoFillBackground属性为真然后定义一个QPalette对象设置QPalette对象的背景属性(颜色或图片)最后设置QWidget对象的Palette ...

CSS样式设置语法全解，样式优先级、值和单位、字体、文本、块级元素，行内元素，替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景

全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(sty ...

CSS基础(背景、文本、列表、表格、轮廓)

CSS 背景属性 属性 描述 background 简写属性,作用是将背景属性设置在一个声明中. background-attachment 背景图像是否固定或者随着页面的其余部分滚动. backgr ...

web前端学习(三)css学习笔记部分(7)-- 文字和字体相关样式、盒子相关样式、背景与边框相关样式

12.  文字和字体相关样式 12.1  CSS3 给文字添加阴影 使用 text-shadow 属性给页面上的文字添加阴影效果,text-shadow 属性是在CSS2中定义的,在 CSS2.1 中 ...

随机推荐

spring+mybatis多数据源动态切换

spring mvc+mybatis+多数据源切换 选取oracle,mysql作为例子切换数据源.oracle为默认数据源,在测试的action中,进行mysql和oracle的动态切换. web. ...

diff 比较两个文件的差异

功能:比较两个文件的差异,并把不同地方的信息显示出来.默认diff格式的信息. diff比较两个文件或文件集合的差异,并记录下来,生成一个diff文件,这也是我们常说的补丁文件.也使用patch命令对 ...

HTTPS 进阶

参考 一.中间人攻击 概念:攻击者插入到原本直接通信的双方,让双方以为还在直接跟对方通讯,但是实际上双方的通信对方已经变成中间人,信息已经被中间人获取或篡改. HTTPS 的攻击分为两类:SSL 连接 ...

DataTable转List<dynamic>

DataTable转List 最近做的一个项目,MVC+Ado.net.没有ORM很不习惯.找到一个办法,DataTable转List,这样 ...

Linux 开(关) ICMP 回应(防止被ping)

临时生效的办法 关闭回应: [root@host ~]# echo 1 > /proc/sys/net/ipv4/icmp_echo_ignore_all // 客户端测试 ➜ ~ ping 0 ...

Windows下强制删除文件或文件夹(解除文件占用/Unlock)

前言 在windows下,有时候会碰到一些文件无法删除,尽量使用“管理员取得所有权” ,但文件或文件夹依然无法删除,这一点非常苦恼. 本文记录几款可以解锁文件占用的软件. ProcessHacker ...

TC SRM601

250 水题,上来想一下就可以搞了. 500,比赛时候没有想出来,结束后补了下,感觉很简单. 只要枚举两个集合异或结果哪一位二进制位不同,因为大小由最高位不同决定. 然后进行DP就可以了,比较好的题目 ...

Java去掉Html标签的方法

content = content.replaceAll("\\&[a-zA-Z]{1,10};", "").replaceAll("< ...

V-rep学习笔记：机器人模型创建3—搭建动力学模型

接着之前写的V-rep学习笔记:机器人模型创建2—添加关节继续机器人创建流程.如果已经添加好关节,那么就可以进入流程的最后一步:搭建层次结构模型和模型定义(build the model hierar ...