首页 > 其他分享 >CSS基础知识总结(3)

CSS基础知识总结(3)

时间:2024-07-06 21:21:40浏览次数:19  
标签:总结 文件 span 样式 元素 基础知识 字体 我们 CSS

1、如何从外面引入我们喜欢的字体?

引用在线字体:

这里需要引入一个网站:https://fonts.google.com/

从这个网站中,我们可以找到自己想要的字体,然后点击进去,选择Get font,,后面我们再Get embedcode;我们再把它提供给我们的字体链接复制到我们HTML文件的相应位置。就可以了。

把字体下载到本地载引用:

 首先我们得先去网站下载字体,比如下面的网站:https://www.fontsquirrel.com/

然后我们把自己下载的字体上传到这个网站上去,https://www.fontsquirrel.com/tools/webfont-generator,等待上面的网站给我们处理完毕之后,就会得到一个zip文件,这个zip文件需要保存在我们的HTML CSS文件一起,方便引用。

把上面的zip文件解压缩,我们会得到一系列的文件,至于这些文件到底是什么,我们倒不必在意,就注意到里面有一个 stylesheet.css文件,这里面保存着我们将要输入到@font-face块中的代码。注意这些代码需要放在我们CSS文件的最上面,因为整个项目都需要用到这些字体。然后因为我们保存的地方有一点不一样,必要的时候,灵活更改路径即可。

2、文本溢出的时候,我们如何输出省略号?

    text-overflow: ellipsis;

3、如何更改列表前面的小圆点,为阿拉伯数字或者小方块?

        ul{
            /*list-style-type: square;表现为方格*/
            list-style-type:decimal;/*表现为阿拉伯数字*/
        }

4、p+span 、p span 、p~span 、p>span分别是什么意思?

p span:对p后代中的span元素内的东西进行应用样式。

p+span:把处于相邻兄弟关系的p元素和span元素内的内容应用样式(p和span必须相邻,并且有同一个父亲)。

p~span:把处于通用兄弟关系的p和span元素内的内容应用样式(p和span可以不相邻)。

p>span:对p的子元素中的span元素内的东西应用样式,这个跟上面的后代选择器有一个不同就是这个强调直接子元素,像孙子辈它就不选择了。

5、:active和:visited的区别?

:active是鼠标点击时候的样式,:visited是我们鼠标点击完了之后的样式。

 

标签:总结,文件,span,样式,元素,基础知识,字体,我们,CSS
From: https://www.cnblogs.com/TomHard/p/18286612

相关文章

  • 7.6 第一周总结
    #include<iostream>usingnamespacestd;voidSelect(int**pos,intn,intnum);intmain(){intnum;//皇后数cin>>num;int**pos;//皇后摆放矩阵pos=newint*[num];for(inti=0;i<num;i++){pos[i]=new......
  • 暑假第一周进度总结
    这篇博客是我的暑假作业之一,主要记录了我这一周所做过的事情以及感想。作为暑假的第一周,我尝试进行了转换作息时间,这对我产生了一定作用——睡得更早了,起的更晚了。随说哪里好像不太对,但起码睡得更舒坦了。然后我想了想这个暑假我除了作业外还准备干什么,思来想去我还是决定先把......
  • 20240706比赛总结
    题外话:IOI赛制的一大好处是可以猜解法,密码已改,不要试图jc我T1公式求值根据样例解释,显然在不进位的情况下,倒数第一位是所有位上数字的总和,倒数第二位是所有位上数字的总和减去最后一位的数字以此类推,显然前缀和,在处理一下进位即可代码:#include<cstdio>#include<string>#inc......
  • 小白学python的第一周总结
    一、常用的cmd指令cmd指令cls清屏cdcd..返回上一级;cd.当前目录;D:(把冒号前方的字符更改为盘符名称表示切换盘符)dir列出当前目录下的文件和子目录ipconfig显示网络配置信息;查看电脑的ip地址 二、运算符    运算符包括:算数运算符、赋值运算符、比较运......
  • 暑假第一周总结(6.29-7.7)
    时间是残酷的,从来不愿停下脚步等一等谁在石铁大的第一年结束了,成功分流到软工系的我迎来了第一次大学暑假(可能也是最后一次暑假)。回首这一年,自己没走上自己预期的道路,尽管经历师长前辈名言警句的洗礼,仍旧困顿于过往,既然意识到这一切的不正确,那么就痛定思痛,让一切回到正轨!///......
  • 【2023-2024第二学期】助教工作学期总结——数字电路与逻辑设计助教
    一、助教工作的具体职责和任务协助教师引导大一转专业学生如何学习本门课程,收集学生问题、定期答疑、协助教师批改作业并跟踪作业完成情况,实验指导,改进课程建设。指导学生学习《数字电路与逻辑设计》。并指导学生完成《数字电路与逻辑设计实验》。二、助教工作的每周时长和具体......
  • 助教工作学期总结
    一、助教工作的具体职责和任务老师的配合:    协助老师完成作业的批改、作业的评分、登记成绩二、助教工作的每周时长和具体安排    没有固定的工作时间和具体安排,在布置的作业截至后对作业进行批改、评分;大作业答辩前安排好答辩名单,课程结课后按照老师要求完成成绩录......
  • 【2023-2024第二学期】助教工作学期总结(教务处助教)
    一、助教工作的具体职责和任务帮助老师整理试卷以及存放协助老师做会议记录表二、助教工作的每周时长和具体安排每周工作时间不定,一般情况下由老师通知,课余时间随叫随到,具体安排是做会议记录表和其他事情三、对助教工作反思第一,工作时要细心,不要贪图一时快,要细心照顾每一个......
  • c++基础知识——常量和变量
    常量1.常量的性质在程序运行的过程中,其值不改变的量称为常量。常量分为两种:一类直接写出它的值,称为字面值常量,如123,'abc',true等;一类是使用const修饰的对象。2.整形字面值常量整形字面值常量采用我们平常使用的十进制整数表示。如138,0,-512等,都是整形常量,二18.1,32.6等不是整......
  • 助教工作学期总结
    一、助教工作的具体职责和任务1.老师的配合:协助老师将2023年下学期试卷整理入库2.与课程其他助教的配合:共同完成了2023年下学期期末试卷的装订二、助教工作的每周时长和具体安排没有特定的工作时间及每周具体安排,一般是课余时间老师需要随叫随到三、因为......