• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

CSS基础语法教程_css

css 搞代码 7年前 (2018-06-11) 158次浏览 已收录 0个评论

 1、css 语法由三部分构成:选择器、属性和值
selector {property: value}
选择器 (selector) 通常是你希望定义的 html 元素或标签。
属性 (property) 是你希望改变的属性,并且每个属性都有一个值,属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明。
例:body {color: blue}
2、值(value)的不同写法和单位
定义颜色除了用英文单词 red,我们还可以使用十六进制的颜色值 #ff0000
例:body {color: #ff0000}
为了节约字节,我们可以使用 CSS 的缩写形式:
例:div{color: #f00}
我们还可以通过以下这两种方法使用 RGB 值:
div { color: rgb(255,0,0); }
div { color: rgb(100%,0%,0%); }
但要注意的是:
当使用 RGB 百分比时,即使当值为 0 时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说,当尺寸为 0 像素时,0 之后不需要使用 px 单位,因为 0 就是 0,无论单位是什么。
3、什么时候用到引号
如果值为若干单词,则要给值加引号,如:div {font-family: "sans serif";}
4、多重声明
如果要定义不止一个声明,则需要用分号将每个声明分开。最后一条规则是不需要加分号的,因为分号在英语中是一个分隔符号,不是结束符号。然而,大多数有经验的设计师会在每条声明的末尾都加上分号,这么的好处是,当你从现有的规则中增减声明时,会尽可能的减少出错的可能性。例如下面的例子:
div {text-align:center; color:red;}

欢迎大家阅读《CSS基础语法教程_css,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:CSS基础语法教程_css
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址