基本使用
在React中使用 style 设置行内样式的基本用法如下：
render () {
return (
<div style={{ background: '#fff', height: '50px', width: '100%', fontSize:"16px"}}><div/>
)
}React中的style属性设置时的格式为json格式，注意使用驼峰命名法。
常用属性
height： 设置或返回元素的高度。height 属性只在块级元素或绝对/固定位置的元素发挥作用,溢出内容可以被 overflow 属性限制。
auto 默认。浏览器设置的宽度。
length 使用 px、cm 等单位定义宽度。
% 定义宽度为父元素的百分比。
inherit width 属性的值从父元素继承。width： 设置或返回元素的宽度。属性只在块级元素或绝对/固定位置的元素发挥作用，溢出内容可以被 overflow 属性限制。
auto 默认。浏览器设置的宽度。
length 使用 px、cm 等单位定义宽度。
% 定义宽度为父元素的百分比。
inherit width 属性的值从父元素继承。background： 设置背景颜色。
color： 设置或返回文本的颜色。
color 规定文本的颜色。
inherit color 属性的值从父元素继承。fontWeight： 设置或返回字体的粗细。
normal 默认。字体是 normal（正常的）。
lighter 定义更细的字体。
bold 定义粗体。
bolder 定义更粗的字体。
100, 200, 300, 400, 500, 600, 700, 800, 900 定义由细到粗的字符。400 等同于normal，700 等同于bold。
inherit fontWeight 属性的值从父元素继承。fontSize： 设置或返回文本的字体尺寸。
xx-small, x-small, small, medium, large, x-large, xx-large 把字体的尺寸设置为不同的固定尺寸，从 xx-small 到 xx-large。
smaller 把字体尺寸减小一个相对单位。
larger 把字体尺寸增大一个相对单位。
length 使用 px、cm 等单位定义字体尺寸。
% 定义字体尺寸为父元素字体尺寸的某个百分比。
inherit fontSize 属性的值从父元素继承。padding： 属性设置或返回元素的内边距。
该属性可使用 1 到 4 种值：
如果规定一种值，比如：div {padding: '50px'} - 所有四个内边距都是 50px。
如果规定两种值，比如：div {padding: '50px 10px'} - 上内边距和下内边距是 50px，左内边距和右内边距是 10px。
如果规定三种值，比如：div {padding: '50px 10px 20px'} - 上内边距是 50px，左内边距和右内边距是 10px，下内边距是 20px。
如果规定四种值，比如：div {padding: '50px 10px 20px 30px'} - 上内边距是 50px，右内边距是 10px，下内边距是 20px，左内边距是 30px。% 定义基于父元素宽度的百分比内边距。
length 使用 px、cm 等单位定义内边距的宽度。
inherit 内边距从父元素继承。paddingLeft： 设置或返回元素的左内边距。paddingRight同理
border: 设置或返回三个独立的边框属性。
通过该属性，您可以设置/返回：
border-width 设置边框的宽度。
border-style 设置边框的样式。
border-color 设置边框的颜色。
比如：{border: '10px solid #4285f4'} 宽度10px，样式solid，颜色#4285f4borderLeft： 设置或返回三个独立的左边框属性。borderRight同理
% 定义基于父元素宽度的百分比左内边距。
length 使用 px、cm 等单位定义左内边距的宽度。
inherit 左内边距从父元素继承。margin： 设置或返回元素的外边距。
该属性可使用 1 到 4 种值：
如果规定一种值，比如：div {margin: '50px'} - 所有四个外边距都是 50px。
如果规定两种值，比如：div {margin: '50px 10px'} - 上外边距和下外边距是 50px，左外边距和右外边距是 10px。
如果规定三种值，比如：div {margin: '50px 10px 20px'}- 上外边距是 50px，左外边距和右外边距是 10px，下外边距是 20px。
如果规定四种值，比如：div {margin: '50px 10px 20px 30px'} - 上外边距是 50px，右外边距是 10px，下外边距是 20px，左外边距是 30px。% 定义基于父元素宽度的百分比外边距。
length 使用 px、cm 等单位定义外边距的宽度。
auto 浏览器设定的外边距（所有四个外边距是相等的）。
inherit 外边距从父元素继承。marginLeft: 设置或返回元素的左外边距。marginRight同理
minHeight： 设置或返回元素的最小高度。只在块级元素或绝对/固定位置的元素发挥作用。
length 使用 px、cm 等单位定义最小高度。默认是 0。
% 定义最小高度为父元素的百分比。
inherit minHeight 属性的值从父元素继承。textAlign： 设置或返回块级元素中文本的水平对齐方式。
left 默认。把文本排列到左边。
right 把文本排列到右边。
center 把文本排列到中间。
justify 根据 textJustify 属性对齐文本。
inherit textAlign 属性的值从父元素继承。overflow： 设置或返回如何处理呈现在元素框外面的内容。
值 描述
visible 默认。内容不会被修剪，会显示在元素框之外。
hidden 内容会被修剪，元素框外面的内容不会被显示，浏览器不会显示滚动条。
scroll 浏览器会显示滚动条，如果需要内容会被修剪。
auto 内容会被修剪，如果需要则显示滚动条。
inherit overflow 属性的值从父元素继承。textOverflow： 规定当文本溢出时，文本框中的溢出内容如何显示。
值 描述
clip 默认值。裁剪文本。
ellipsis 使用省略符号（"..."）来代表被裁剪的文本。
string 使用给定的字符串来代表被裁剪的文本。
initial 设置该属性为它的默认值。请参阅 initial。
inherit 从父元素继承该属性。请参阅 inherit。whiteSpace： 设置或返回如何处理文本中的制表符、换行符和空格符。
值 描述
normal 默认。自动忽略空格符和换行符。
nowrap 忽略空格符，但是不允许换行符。
pre 换行符和其他空格符会被保留。
inherit 从父元素继承。持续更新中…
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
