css 语法与js 语法属性区别

最新推荐文章于 2024-04-24 19:31:26 发布

wyyfwm

最新推荐文章于 2024-04-24 19:31:26 发布

阅读量740

点赞数

分类专栏： css js 文章标签： css javascript whitespace xhtml html border

本文链接：https://blog.csdn.net/wyyfwm/article/details/6625513

版权

js 同时被 2 个专栏收录

44 篇文章 0 订阅

订阅专栏

css

16 篇文章 0 订阅

订阅专栏

CSS语法（不区分大小写） JavaScript语法（区分大小写）
border                                    border
border-bottom                             borderBottom
border-bottom-color                       borderBottomColor
border-bottom-style                       borderBottomStyle
border-bottom-width                       borderBottomWidth
border-color                              borderColor
border-left                               borderLeft
border-left-color                         borderLeftColor
border-left-style                         borderLeftStyle
border-left-width                         borderLeftWidth
border-right                              borderRight
border-right-color                        borderRightColor
border-right-style                        borderRightStyle
border-right-width                        borderRightWidth
border-style                              borderStyle
border-top                                borderTop
border-top-color                          borderTopColor
border-top-style                          borderTopStyle
border-top-width                          borderTopWidth
border-width                              borderWidth
clear                                     clear
float                                     floatStyle
margin                                    margin
margin-bottom                             marginBottom
margin-left                              marginLeft
margin-right                              marginRight
margin-top                                marginTop
padding                                   padding
padding-bottom                            paddingBottom
padding-left                              paddingLeft
padding-right                             paddingRight
padding-top                               paddingTop
颜色和背景标签和属性对照
CSS 语法（不区分大小写）      JavaScript 语法（区分大小写）
background                                background
background-attachment                     backgroundAttachment
background-color                          backgroundColor
background-image                          backgroundImage
background-position                       backgroundPosition
background-repeat                         backgroundRepeat
color                                     color

样式标签和属性对照
CSS语法（不区分大小写）       JavaScript 语法（区分大小写）
display                                   display
list-style-type                           listStyleType
list-style-image                          listStyleImage
list-style-position                       listStylePosition
list-style                                listStyle
white-space                               whiteSpace

文字样式标签和属性对照
CSS 语法（不区分大小写）      JavaScript 语法（区分大小写）
font                                      font
font-family                               fontFamily
font-size                                 fontSize
font-style                                fontStyle
font-variant                              fontVariant
font-weight                               fontWeight

文本标签和属性对照
CSS 语法（不区分大小写）      JavaScript 语法（区分大小写）
letter-spacing                            letterSpacing
line-break                                lineBreak
line-height                               lineHeight
text-align                                textAlign
text-decoration                           textDecoration
text-indent                               textIndent
text-justify                              textJustify
text-transform                            textTransform
vertical-align                            verticalAlign

用例展示

html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>用css 写html</title>
</head>

<body>

<input type="text" name="name" >
</body>
</html>
js代码