Css常用属性单位
长度单位:px-像素
颜色单位:
RGBA:
尺寸属性:
font缩写形式:font-style font-variant font-weight/font-size line-height font-family ①顺序如上 ②空格分隔,weight与size用/分隔 ③例如:font:italic bold 75%/1.8 'Microsoft Yahei', sans-serif; 斜体 加粗 字号/行高 字体族(微软雅黑,非衬线字体族) |
|
font-weight字体粗细:bold加粗 ,lighter细体 ,100-900, | |
font-size:**px ,**%(浏览器默认字体大小的百分比,绝大部分默认16px) | |
font-family:多字体之间用,分隔,浏览器解析时会从左往右依次解析, 一般前面使用字体名称,最后一个使用字体族名称。(衬线体serif,非衬线体sans-serif,等宽 体Monospace)(只有当字体名中有一个或多个空格(比如 New York),或者如果字体名包括 # 或 $ 之类的符号, 才需要在 font-family 声明中加引号) |
|
font-style:正常normal,斜体italic,文本倾斜oblique
italic 和 oblique 的区别斜体(italic)是一种简单的字体风格,对每个字母的结构有一些小改动,来反映变化的外观。与此不同,倾斜(oblique)文本则是正常竖直文本的一个倾斜版本。 |
|
color | |
opacity:0-1,控件背景以及空间子元素均透明,而rgba只会使本空间透明,子空间不发生变化 |
line-height ①像素单位:48px ②倍数:2 ③百分数:200% 典型应用:调整空间中文字垂直居中,控件的height=控件的line-height |
|
text-align:块级元素中文字水平对齐方式:left-right-center | |
letter-spacing:字与字之间的间距 | |
text-decoration:下划线underline,删除线line-through,上划线overline,none | |
overflow:溢出,hidden,scroll,auto。overflow-x,overflow-y设置水平和垂直方向的溢出 | |
text-overflow:clip裁切,ellipsis省略号代替多余部分 【重点】让每行多余文字显示省略号 ①white-space:nowrap;如果是中文需要设置行末不断行 ②overflow:hidden;设置控件超出范围 ③text-overflow:ellipsis;设置多余文本省略号显示 |
|
text-shadow:*水平阴影,*垂直阴影,阴影模糊距离,阴影颜色。 | |
text-indent:(首行缩进)可用像素值调整缩进大小 | |
△text-stroke(文字描边):粗细(px) 颜色; -webkit-text-stroke-width:2px; -webkit-text-stroke-color:#ff0; |
|
white-space:nowrap;修改中文行末不断行显示 | |
word-break(设置英文断行显示):normal(默认在空格处断行),break-all(允许单词内换行),break-word(按单词断开) | |
Css常用属性单位的更多相关文章
- 好程序员web前端分享css常用属性缩写
好程序员web前端分享css常用属性缩写,使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #0000 ...
- 1+x证书学习日志——css常用属性
## css常用属性: 1:文本属性: 文本大小: font-size:18px; 文本颜色 colo ...
- CSS常用属性-xy
一.文本Text CSS text-align 属性 文本对齐方式 CSS text-decoration 属性 text-decoration 属性规定添加到文本的修饰 CSS line-heigh ...
- 02: css常用属性
目录: 1.1 设置样式的七个选择器 1.2 css常见属性浅析 1.3 css布局中常用方法 1.1 设置样式的七个选择器返回顶部 1.其中选择器介绍 1. 直接在标签里的style标签写样式 2. ...
- css常用属性总结:颜色和单位
在css代码编写中,估计颜色和单位是必不可少的,然而在css中关于颜色和单位值的写法有很多种写法,所以有必要把它弄清楚. 颜色 当初我在初学前端的时候,就会冒出一个疑问“我该如何设置网页颜色?”,一般 ...
- css常用属性1
1 背景相关 背景颜色 background-color = 颜色名称/rgb值/十六进制值 背景图片 background-image = url('') 背景图片平铺方式 backgro ...
- css常用属性汇总
一.常用css属性 (1) *block(区块) 行高 line-height:数值 | inherit | normal; 字间距 letter-spacing: 数值 | inherit | no ...
- 23----2013.07.01---Div和Span区别,Css常用属性,选择器,使用css的方式,脱离文档流,div+css布局,盒子模型,框架,js基本介绍
01 复习内容 复习之前的知识点 02演示VS创建元素 03div和span区别 通过display属性进行DIV与Span之间的转换.div->span 设置display:inline ...
- css常用属性总结:关于word-spacing和letter-spacing的使用
前端时间项目版本迭代,修改代码时发现使用了关于word-spacing和letter-spacing.先说下使用场景,以前的项目中,经常遇到某些字符间有一些间距,我看了一些同事的代码是这么实现的: & ...
随机推荐
- python学习笔记(四)— 补充
函数return多个值 函数如果有多个return值,那么会生成一个元组里面 def hello(a,b,c,d): return a,b,c,d res =hello('aa','cc','dd', ...
- 隐藏Apache、nginx和PHP的版本号的配置方法
最近提示说有漏洞,暴露apache.nginx和php的版本号.网上搜了下,整理的方法如下: 首先说apache 在http.conf文件里添加下面两行,默认是没有的 ServerSignature ...
- echarts容器动态设置高度
测试提了bug,柱状图数据多的情况下,都叠到了一起,效果如下图. 要解决这个bug,首先想到的是让柱状图的容器自适应高度.于是,把原本div上写固定的高度去掉. <div id="my ...
- 004-Maven的安装与配置
1.在Windows上安装Maven 1.1.检查jdk安装 命令行:echo %JAVA_HOME% java -version 1.2.下载Maven 地址:http://maven.apache ...
- 2.AS入门教程
AndroidStudio 本文是关于androidStudio的一些基础知识 介绍 Google官方的Android集成开发环境(IDE = Integrated Development Envir ...
- 安卓android的联系人的contacts, raw contacts, and data的区别
https://stackoverflow.com/questions/5151885/android-new-data-record-is-added-to-the-wrong-contact/51 ...
- Spring基本功能-依赖注入
一.Spring的依赖注入(DI) 1.1 xml形式注入 (1)普通变量的注入 //普通变量的注入,xml配置property,实体类配置set方法注入 <bean id="pers ...
- 模块讲解----shutil模块(copy、压缩、解压)
作用与功能 主要用于文件的copy,压缩,解压 导入shuitl模块: import shutil copy方法 1.shutil.copyfileobj() 打开file1,并copy写入file ...
- Vim 我用的python相关插件
1. pydoc.vim(https://github.com/vim-scripts/pydoc.vim) 查找python文档. 使用方法: :Pydoc <keyword> ...
- Leetcode 235
思路1:对于一棵二叉排序树 1.如果当前节点的值小于p,q的值,那么LCA一定在root的右边: 2.如果当前节点的值大于p,q的值,那么LCA一定在root的左边: 3.如果当前节点的值在p,q的值 ...