第四篇 CSS-01

1.CSS:CascadingStyleSheet层叠样式表,用来修饰网页外观

2.CSS的基本语法:

选择器{属性:属性值;属性:属性值…;}

3.选择器:所谓选择器就是告诉浏览器样式的应用对象,常用选择器:标签选择器,id选择器,类选择器,结构伪类选择器,后代选择器,属性选择器,子选择器,交集选择器动态伪类选择器…

a)标签选择器:就是用HTML标签作为选择器,作用是选取到HTML文档中的同类型标签

b)类选择器:用于选取一个或多个元素,使这些元素应用相同的CSS样式

第一步:设置类的名称,格式:<开始标签class=”类名”>;

第二步:设置类的样式,格式:.类名{样式的声明};

注意事项:

同一文档中类名可以相同;

class后面可以有多个值,值间用空格隔开;

c)id选择器:用于选取一个元素

第一步:设置类的名称,格式:<开始标签id=”id名”>;

第二步:设置id的样式,格式:#id名{样式的声明};

d)类和id的区别

同一文档中类名可以重复,id名必须是唯一的;

id的样式优先于类的样式;

4.常见属性

a)color:设置文本颜色,属性值为颜色名称,十六进制代码,rgb值,rgba值

十六进制代码

#FF0000-#f00

#00FF00-#0f0

#0000FF-#00f

#FFFFFF-#fff

#000000-#000

rgb值,格式:rgb (红,绿,蓝) rgb(255,0,0)

rgba值,格式:rgba(红,绿,蓝,透明度),透明度为0-1

b)font-size:设置文本大小,属性值为像素值,默认值为16px,常用12px或14px,也可以用em或百分比

c)background-color:设置背景色,属性值为颜色名称,十六进制代码,rgb值,rgba值

d)width:设置宽度,属性值可以是像素值,百分比,默认为auto

e)height:设置高度,属性值可以是像素值,百分比,默认为auto

-

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,323评论 19 139
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,685评论 32 459
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,469评论 0 40
  • 今天,当我们一起为实习生鼓掌,这看似平淡的下午茶时间,实际我们整个团队正在发生一些变化。 当我们每个人初到这里的时...
    ethan527阅读 5,888评论 1 2