加载中…
个人资料
大千世界
大千世界
  • 博客等级:
  • 博客积分:0
  • 博客访问:54,118
  • 关注人气:10
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

【CSS基础】介绍及语法

(2017-11-09 10:56:46)
标签:

html5

css

css3

分类: html5

一、CSS概述
CSS:层叠样式表
二、语法
属性选择器/元素 { 属性1:属性值;属性2:属性值;属性3:“单词1 单词2” ;}
高级语法:
选择器分组:
h1,h2,h3,h4,h5,h6{ color : red ; }
继承:
      body { color : green ; }
body定义的是body里面所有字体的颜色样式(没有属于它自己单独的样式)。

二、派生选择器
通关依据元素在其位置的上下文关系来定义样式

三、id选择器
id选择器可以为标有id的HTML元素指定特定的样式,以“#”来定义。id选择器常常用于建立派生选择器。

四、类选择器
类选择器以一个点来显示,class也可以用作派生选择器

五、属性选择器
对带有制定属性的HTML元素设置样式。
属性和值选择器

六、CSS背景
允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。

七、文本

八、字体
CSS字体属性定义文本的字体系列、大小、加粗、风格和变形

九、链接
1.css链接四种状态
a:link 普通的、未被访问的链接
a:visited 用户已访问的链接
a:hover 鼠标指针位于链接上方
a:active 鼠标指针被点击的时刻
2.常见的链接样式
text-decoration 属性大多用于去掉链接的下划线
3.设置背景颜色
background-color

十、列表
CSS列表属性允许你放置、改变列表标志或者将图像作为列表项标志。
属性                                   描述
list-style                        简写列表项
list-style-image             列表项图像
list-style-position          列表标志位置
list-style-type                列表类型

十一、表格
表格边框、折叠边框、表格宽高、表格文本对齐、表格内边距、表格颜色

十二、轮廓
轮廓主要是用来突出元素的作用

属性                                   描述
outline                     设置轮廓属性
outline-color           设置轮廓的颜色
outline-style            设置轮廓的样式
outline-width          设置轮廓的宽度

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有