css3hlsa,CSS3颜色,文字,文本部分常用属性
当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放
CSS3颜色表示方法:
1、颜色名称
2、十六进制
3、RGB方式 (r,g,b)
4、RGBA (支持透明)(r,g,b,a)
5、HLS (色调,饱和度,亮度0.0%-100.0%)
6、HLSA (支持透明)(h,l,s,a)
注:a代表alpha是介于(完全透明)0.0——(完全不透明)之间的数字1.0之间的数字。可以下载颜色表或者在颜色选择器上选择。
CSS3字体属性表示方法:
1、font-size :字体大小
默认em(浏览器默认大小),表示方法2em,10px,120%。
2、font-variant:英文字母大小写
normal(默认),small-caps(显示小型大写字母)。
3、font-style:字体样式
normal(默认),italic(斜体)。
4、font-weight:字体粗细
normal(默认),bold(粗体)。
数字表示方法:100-900(400=normal,700=bold)。
5、font-family:字体系列名称
电脑中有的字体,且可以下载字体嵌入。
6、font:设置字体所有属性
必须设置字体大小和字体系列名称。
7、@font-face:嵌入字体
{ font-family:"**"字体名字
src:url('****.ttf')
}
CSS3文本属性表示方法:
1、color:设置文本颜色
2、background:设置文本背景色
3、text-align:水平对齐方式
left(默认)/right/center/justify。
4、text-indent:设置文本首行缩进(2em/px)
5、text-decoration:向文本添加修饰
none(默认)/underline/overline(上/下划线)/line-through(穿过文本)/blink(闪烁的文本)
6、letter-spacing:字符间距(em/px/百分比/负值)
7、word-spacing:字/单词间距 (normal=0)
8、text-transform:设置文本大小写
none(默认)/uppercase/lowercase(大/小写所有字母)
capitalize(大写字母开头)
9、text-shadow:文本阴影
格式:(x偏移量,y偏移量,模糊度,颜色)
10、while-space:元素中空白处理方式
normal(默认空白忽略)/pre(空白被保留=
)/nowrap(不换行,直到)/pre-warp(保留空白,换行)
pre-line(合并空白符,换行)
11、direction:文字方向
ltr(默认左->右)/rtl(右->左)
12、unicode-bidi:bidi-override : 文字顺序从右向左
13、word-wrap:break-word:长单词换行
14、word-break:换行
break-all(允许单词内换行)/keep-all(在半角字符或连接字符处换行)
15、-webkit-text-stroke:#px color;:文字描边
16、-webkit-fill-color:color;:填充色
继续加油!!
css3hlsa,CSS3颜色,文字,文本部分常用属性相关推荐
- Html5和Css3的基础标签及常用属性
H5 H5的常用标签及属性: 新增和废弃 新增的结构(布局) 标签:section.artcle.nav.footer.header.hgroup.Aside.figure 新增的其他标签: Vide ...
- excel表格里的文字怎么换行_Excel表格VBA知识,文字框的常用属性,文本框录入数据必学...
打开Excel表格,通过任何一种方式进入VBA代码编程界面. 插入一个窗体Userform1,这时候会弹出一个工具箱按钮.选则工具箱里的文本框(textbox),在窗体上画出一个文本框. 文本框,te ...
- html网页让字体浮动的颜色,HTML/CSS从零开始-常用属性(三)(示例代码)
一.css文本属性 (1)文本大小{font-size:value;} 单位:pt:9pt=12px;浏览器默认字体大小为16px em:1em=16px; 在CSS2.0中 xx-small:9px ...
- py系统学习笔记:第七阶段:网页编程基础:第二章:CSS3:23.文本、表格属性
目录 文本属性 设置文本对齐方式 代码:左.右.中 效果: 设置文本的修饰方式 代码:下划线.上划线.删除线 效果: 设置文本大小写 代码:每个单词开头大写,全部大写,全部小写 效果: 设置文本的首行 ...
- TextBox文本框常用属性与事件
让文本允许多行 MultiLine属性设置为true即可,多行后不支持ctrl+a进行全选(单行时支持) 让文本右侧出现滚动滑块 设置ScrollBars属性为Both即可. (Vertical 仅显 ...
- CSS3基础(基础认知,选择器,字体属性,文本属性,CSS 的三种引入方式)
CSS3基础 1. 基础认知 1.1 CSS 简介 CSS 的使用场景是什么? 美化网页,布局页面 CSS 的中文名称是什么? 层叠/级联样式表(Cascading Style Sheets) CSS ...
- 前端笔记(3)css,选择器,文字文本属性,外观属性
CSS样式表(1) (1)css概念 引入css的三种方法 行内式(内联样式) 内部样式表(内嵌样式表) 外部样式表(外链式) (2)css选择器 css基础选择器 标签选择器 类选择器 id选择器 ...
- CSS3 文本阴影 text-shadow属性
在CSS3之前,除非使用图片,否则无法给文本添加阴影效果.现在,使用text-shadow属性,可以为文本添加一个或多个阴影及模糊效果.语法格式为: text-shadow: x-offset y-o ...
- CSS3之其他常用属性
display属性 作用: 规定元素以何种方式显示 说明: 常用于行内.块级.行内块三者转换 常用值: [none]: 此元素是不可见的 ...
最新文章
- 互联网Scratch编程趣味课:不插电编程和计算机对话[图]
- Android --- 微信支付时出现错误:错误的签名,验签失败,return_code=FAIL
- Python·Jupyter Notebook各种使用方法
- 实现接口一种可靠的 DLL 接口实现方案
- 趣学python3(40)--TCP服务器和客户端(socketserver类)
- 绕过网关访问图片上传并解决跨域问题
- EL表达式和JSTL标准标签库
- 数据库面试中常用的10个问题
- Tensorflow之RNN,LSTM
- sublime text 配置
- MFC中打开指定文件夹并默认选中该文件夹中的某个文件
- struts2基础梳理(二)
- 客户和服务器之间响应的序列,Redis的请求/响应协议和往返时间详解
- 纯新手DSP编程--5.30--任务的通信和同步
- python和c的语法区别_python和c语言语法有什么区别?
- 什么是DNS,作用是什么?
- Cloudera Manager 配置
- PHP实现密钥分发中心,密钥分发中心(KDC)
- [附源码]SSM计算机毕业设计领导干部听课评课管理系统JAVA
- 云游玩家福利 — 腾讯、罗技G“强强联手”,今年推出云游掌上电脑
热门文章
- Host-Only(仅主机模式)
- android学习-仿Wifi模块实现
- 解决百度 ueditor v1.4.3 编辑器上传图片失真的bug?
- java InputStream读取数据问题【转】http://cuisuqiang.iteye.com/blog/1434416
- [原创] Ubuntu 安装vim与中文帮助文档
- 睡前1分钟 坚持瘦下来(信不信由你)
- [转载] python 去除字符串中指定字符
- redis expire超时操作
- gitlab git 安装
- [带权并查集] Jzoj P1503 体育场