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]: 此元素是不可见的 ...
最新文章
- Controller 层实现
- Editplus的正则表达式
- Google发布TCC 更好的理解视频中事件逻辑
- sql如何实现明细账_SQL 如何实现动态的行列转置
- Memcached的基础梳理
- java 转换url中文参数
- WebService学习总结(三)——使用JDK开发WebService
- linux中快速清空文件内容的方法
- linux图形界面漏洞,ManageEngine DesktopCentral任意文件上传漏洞(CVE-2014-5007)
- Qt —— 海康SDK获取视频并OpenCv处理每帧图像进行显示
- windows环境搭建redis集群
- java如何美化按钮_css美化button按钮
- 数学建模:R语言的正态性检验
- Tortoise 账号和密码设置
- 关于人像后期处理基础的相关技术步骤
- netfilter连接跟踪(conntrack)详述
- CSS grid 网格布局
- C/C++ 自制一个基于zlib的文件的(解)压缩系统
- ps利用色环手工给图片进行局部调色,一看就懂
- QQ登录php无限制,PHP实现QQ登录实例代码
热门文章
- 路飞学城-Python开发集训-第2章
- [转载] Python命名空间和作用域
- [转载] python中string函数的用法_python中string模块各属性以及函数的用法
- [转载] Linux+树莓派3开发总结——cx_Freeze打包Python3程序(工程文件)
- elementUI 日期选择控件少一天的问题解决方法
- 字典重复key的合并
- 使用 esxtop 识别存储性能问题
- PBOC规范研究之六、变长记录文件(转)
- LeetCode 25 Reverse Nodes in k-Group Add to List (划分list为k组)
- 技术 产品 团队(上):如何成为超级个体