继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【九月打卡】第13天 选择器

kk吖
关注TA
已关注
手记 28
粉丝 0
获赞 1

课程名称:初识HTML(5)+CSS(3)-升级版课程

课程章节:8-1 css3的游戏规则 - 什么是选择器?8-2选一个标签 - 标签选择器8-3再选一个类 - 类选择器

主讲老师:五月的夏天

课程内容:

       每一条css样式声明(定义)由两部分组成,形式如下:

选择器{

    样式;

}

在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。

标签选择器其实就是html代码中的标签。

例如下面代码:

p{font-size:12px;line-height:1.6em;}

上面的css样式代码的作用:为p标签设置12px字号,行间距设置1.6em的样式

类选择器在css样式编码中是最常用到的.

语法:

.类选器名称{css样式代码;}

注意:

1、英文圆点开头

2、其中类选器名称可以任意起名(但不要起中文噢)

使用方法:

第一步:使用合适的标签把要修饰的内容标记起来,如下:

<span>胆小如鼠</span>

第二步:使用class="类选择器名称"为标签设置一个类,如下:

<span class="stress">胆小如鼠</span>

第三步:设置类选器css样式,如下:

.stress{color:red;}/*类前面要加入一个英文圆点*/

课程收获:

学习了选择器的概念,并学习了他的两种运用。

http://img.mukewang.com/6325cd81000153ab08650553.jpg


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP