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标签连接方式来实现
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技术交流群一起交流学习哦。
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!