xiaoqiyan 的个人博客

记录精彩的程序人生

Open Source, Open Mind,
Open Sight, Open Future!
  menu
27 文章
0 评论
13968 浏览
0 当前访客
ღゝ◡╹)ノ❤️

前端学习之CSS Day05 CSS样式与标签排列

注释标签

DIV标签

利用div来分隔区域

'

'里面可以放任何东西

span标签

没有语义,用来包括文本,常用来给某些文本添加特定样式

CSS 层叠样式表

style三种引入方式

  1. 内联样式

    直接使用标签属性style引入

    '

    '

  2. 内部样式表

​ 一般放在head里面,也可以放在任何地方,type="text/css"可以省略

  1. 外部文件引入

​ 放在head里面

CSS里面的注释

/**/

CSS中属性写法

属性名称: 属性值(单位);

CSS选择器

CSS基础选择器

直接写标签名称

类选择器

有相同特征的分为一类

如class='man'

选择的时候

.man{

}

id选择器

在整个页面当中是唯一的

如id='woman'

选择的时候

#woman{

}

id选择器和类选择器的区别

在同一个页面内,不允许有相同名字的id对象出现,但是运行相同名字的class

通配符选择器

页面内部的所有标签都选择

*{

}

选择器命名规范

  1. 命名需要是有语义性的单词,不能用数字,拼音,符号
  2. 需要多个单词连接的情况下使用_-连接,不能直接单词拼接或者驼峰命名,推荐使用-
  3. 命名需要进行适当的缩写,单词连接层级不要超过4层

多类名选择器

可以给标签加上多个类名,使用空格隔开即可

'

'
>

基础字体样式

一般使用14px,最小使用12px,基本上不使用奇数

font-size:字体大小

font-family:字体类型

字体类型如何使用呢?

推荐使用Unicode编码,将汉字类型转换成Unicode编码

font-weight:字体粗细

默认是400也就是normal,一定是100的整数倍

font-style:字体风格

除了默认常用的有italic(斜体)

font:综合设置字体样式

复合型写法对字体进行设置时

要遵循下面的顺序

font-style

font-weight

font-size/line-height

font-family

这个顺序不能乱

注意:其中不需要设置的属性可以省略,但是必须保留font-size和font-family


标题:Python
作者:肖祺彦
地址:url

评论
取消