css的格式与属性
来源:互联网 发布:android 应用启动优化 编辑:程序博客网 时间:2024/05/01 08:11
一、格式
<style type="text/css"> 标签名称{ 属性名称: 属性对应的值; ... } </style>
注意点:style标签必须写在head标签的开始和结束标签之间;style的属性type可以不用写,默认就是text/css
二、文字属性
1、规定文字样式的属性
格式: font-style: italic;
取值:italic倾斜的
normal正常的
快捷键:fs 按table键 font-style: italic;
fsn按table键 font-style: normal;
2、规定文字粗细的属性
格式:font-weight:bold;
单词取值:
bold:加粗
lighter:细线,默认是细线
bolder:比加粗要粗
快捷键:
fw font-weight:;
fwb font-weight: bold;
fwbr font-weight: bolder;
数字取值:100-900之间的整百数字
3、规定文字大小的属性
格式:font-size: 100px;
注意点:通过font-size来设置文字大小一定要带单位px
快捷键:fz font-size: ;
fz100 font-size: 100px;
4、规定文字字体的属性
格式:font-family: "楷体";
注意点:1、如果取值是中文,要用单引号或双引号引起来;
2、设置的字体必须是用户电脑里已经安装的字体
3、如果设置的字体不存在,那么系统会使用默认的字体来显示
4、如果设置的字体不存在,又不想用默认的字体来显示该怎么办:可以给字体设置备选方案: font-family:"字体1","备选方案";
5、想给中文和英文单独设置字体怎么办:但凡是中文字体都包含了英文,但是但凡是英文字体都不包含中文字体,也就是说中文字体能处理英文,但是英文字体不能处理中文。如果想给界面中的英文单独设置字体,那么英文字体必须写在前面:font-family:"英文字体","中文字体";
6、常见字体:中文-宋体、黑体、微软雅黑;英文-Times New Roman,Arial
7、文字属性的简写:font: style weight size family;
例如font: italic bold 10px "楷体";
在这种缩写格式中有些属性值style weight可以省略,style weight也可以交换位置;size family不能省略且位置不能随便乱放,size一定要在family前面,且size family必须写在所有属性的最后
三、文本属性
1、文本装饰属性:text-decoration: underline;
取值:line-through删除线
underline 下划线
overline 上划线
none 什么都没有,常用于去掉超链接的下划线
2、文本水平对齐属性:text-align: center;
取值:left、right、center
3、文本缩进属性:text-indent: 2em;
取值单位:2em,缩进两个文字
四、颜色控制属性,常见写法:
1、英文单词color: red;
2、rgb: color: rgb(255,50,60);
3、rgba: color: rgba(255,0,0,1);
4、十六进制:color: #FF0000;
5、十六进制简写:color: #F00;
只要每两位相同就可简写为一位,如果当前颜色对应的两位数字不一样不能简写,如果两位数字一样但是不属于相同颜色也不能简写
- css的格式与属性
- CSS属性之颜色与字体格式
- css简写属性格式
- css 跟JavaScript 的标签跟属性书写格式区别
- CSS属性Display与Visibility的不同
- CSS属性Display与Visibility的不同
- CSS属性,Display与Visibility的不同
- CSS属性,Display与Visibility的不同
- CSS中overflow的含义与属性
- css 与绝对定位相关的属性
- css与div的一些属性使用
- css与css3经常用到的属性
- CSS 单位与属性
- 排列格式,强大的CSS与标签的结合
- JavaScript中style后面的css属性与CSS标签属性对照表
- 初探CSS与html格式
- 顶点属性与顶点格式
- 【CSS】css的filter属性
- Stm32f10x 新建工程详解
- HTML+CSS编写静态网站-20 CSS颜色属性详解
- stm32深入浅出——由GPIO谈谈寄存器配置
- Mysql 增减查询基本语句
- 【ALIENTEK 战舰STM32开发板例程系列连载+教学】第三十章 CAN通信实验
- css的格式与属性
- Max Sum Plus Plus HDU
- stm32之can总线过滤器研究
- stm32f407之CAN控制器(操作寄存器)
- STM32里CAN总线的问题
- 全面解析Linux 内核 3.10.x
- CAN总线波特率计算方法
- stm32之can总线过滤器研究
- 第三章:组织你的代码