page contents

css3的基本概念

Css全称叫做Cascading style sheet(层叠样式表)

attachments-2021-11-vNlfprR661833e85e6ea8.jpg

Css全称叫做Cascading style sheet(层叠样式表)

- 选择器

标签:<p><div>…之类的标签

使用方式:直接输入标签名


类(class): class名字

使用方式:输入点+class名


ID名: ID名

使用方式:输入#+id名


一般来说我们写参数文件的时候用的都是第二种选择器,class名,这是因为id名一般被用作就是的选择器


给class命名也是右规范的,像xxx-xxx,这样做的好处是让你的代码更清晰,别人也更容易看懂


- Css中的三种连接样式

1、行内样式(内嵌样式)

直接写在标签里,使用style属性,只对当前标签有效


<div class="poetry">

<h1 style="font-size: 40px;">望月怀远</h1>

<p class="text1">海山升明月,天涯共此时</p>

<p class="text2">情人怨遥夜,竟夕起相思 </p>

<p class="text3">灭烛怜光满,披衣觉露滋 </p>

<p class="text4">不堪盈手赠,还寝梦佳期</p></div>

内部样式是在head部分使用<style>标签,样式对当前页面有效。内容和表现显示实现了一定程度的分离,但不彻底


<link rel="stylesheet" type="text/css" href="demo.css"/>

<style type="text/css">

p{

font-size: 24px;

}/*--字体大小设置*/

</style>

2、外部样式(外联样式)


外部样式需要一个link标签来与html连接起来,内容与表现形式完全分离,而且任何需要用到该样式的页面都可以通过link标签连接方式来实现

attachments-2021-11-Z1EkZwEr61833e3e9c9c3.jpg

3、字体属性

Text-align(对齐方式):center(居中) left(靠左) right(靠右)


Font-size(字体大小):一般放像素 56px/24px/xxpx


Font-family(字体体系):“黑体”/“幼圆”


font-style: italic(是否倾斜):italic(倾斜)/normal(正常)


font-weight(字体粗细):100/20/normal(400)/bold(700)/bolder


font-variant(是否大写):normal/small-caps(小型大写)


color(字体颜色):blue/red/pink/black/green/#FFFFFF/#F6F6F6


text-decoration:none(默认格式,无)/underline(下划线)/overline(上划线)/line-through(删除线)


direction:ltr(left to right 从左到右)/rtl(right to left 从右到左)


text-transform:none(默认)/capitalize(首字母大写)/uppercase(全部大写)/lowercase(全部小写)


line-height(行高):normal(正常行高)/xx px(xx行高)


letter-spacing(字符间距):normal/2px/5px/xxpx


word-spacing(单词间距):normal/2px/5px/xxpx

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

如果你想用Python开辟副业赚钱,但不熟悉爬虫与反爬虫技术,没有接单途径,也缺乏兼职经验
关注下方微信公众号:Python编程学习圈,获取价值999元全套Python入门到进阶的学习资料以及教程,还有Python技术交流群一起交流学习哦。

attachments-2022-06-5VV4Tu7562b037c75c89c.jpeg

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
轩辕小不懂
轩辕小不懂

2403 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1474 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章