什么是CSS?

简介: 什么是CSS?

1.css介绍!

css是层叠样式表,它是表现在html或xml中文件的计算机语言,使内容和表现分离开来,使其更具有页面控制和灵活性,css不仅可以装饰静态网页,还可以配合各种脚本使各元素格式化。

2.为什么把CSS的link标签放在head中?

是规范化的要求,放在head前可以使页面逐渐呈现出来,可以让用户有更好的体验,如果放在html结构下,可能会导致页面混乱。

!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="css/index.css">
  </head>

3.CSS的引入方式有哪些?

  1. 1.行内式:直接用在标签上,但维护成本高

2.内嵌式:页面较为清晰,但不能被别的页面使用

3.外链式CSS代码与HTML代码分离,便于代码重复使用

4.导入式:可以在一个HTML文件中导入多个样式表。类似于外部链接式引用在html文件中head标签中加入

行内:

<img wight="100px" height="50px">

内嵌:在head标签中加style样式

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>标准</title>
    <style>
      table {
        width: 300px;
        border: 1px #525252 solid;
      }
 
      th,
      td {
        border: 1px #525252 solid;
        text-align: center;
      }
    </style>
  </head>

外联:单独创建一个CSS文档,把style样式写在其中。

       (切记要用link标签引入,将两个文件关联起来

4.如何初始化CSS样式?为什么要初始化CSS样式?

* {
  margin: 0;
  padding: 0;
}

浏览器的差异:因为不同的浏览器对标签的默认值是不同的,没有初始化会对页面造成差异。

提高代码质量:初始化css可以使我们节约代码,下载速度变快,在我们编辑网页时,方便简捷。

5.如何用rgba、十六进制表达白色、黑色、红色、绿色、蓝色?

                      //十六进制
黑色:rgba(0,0,0,1)#000000
白色:rgba(255,255,255,0)#FFFFFF
红色:rgba(255,0,0,1)#FF0000
绿色:rgba(0,255,0,1)#00FF00
蓝色:rgba(0,0,255,1)#0000FF

6.CSS的长度单位有哪些?

  1. px.像素,相对单位。
  2. em.会继承父级元素的字体大小,%相对于父元素的宽度。
  3. rem.相对单位,相对根元素。
  4. vw.将可视窗口的宽度分为100份。
  5. vew.是100份宽度中的一份。
  6. vh.将可视窗口的高度分为100份。
  7. veh.是100份高度中的一份。

以上就是css的一些基本内容,css中主要是来写样式的,将HTML代码与css代码分开来写,代码也可以重复使用!

相关文章
|
Unix 数据安全/隐私保护 Python
python自动生成Excel表格数据并发送邮件案例
python自动生成Excel表格数据并发送邮件案例
822 0
|
监控 Linux 数据安全/隐私保护
【实践】德国开源监控平台Checkmk的搭建
【实践】德国开源监控平台Checkmk的搭建
1082 0
|
安全 Windows
记一次“上传”命令执行的绕过案例
记一次“上传”命令执行的绕过案例
300 0
|
Java
Java控制电脑给对方微信发消息
本来打算搞个舔狗日记和暖心话术得....
237 0
|
Ubuntu Shell
ubuntu追加path环境变量
以上是追加PATH环境变量的方法。不同的方法适用于不同的应用场景,你可以根据自己的需求选择适合的方法。需要注意的是,在对系统文件进行更改时,一定要确保正确无误,避免系统的命令路径出错导致不必要的麻烦。
949 3
ubuntu追加path环境变量
|
监控 安全 网络安全
初探rce中的无参数rce
无参数RCE虽然不常见,但其隐蔽性和潜在的破坏性使得它成为一种特别危险的安全威胁。防御这类攻击要求开发者和系统管理员具备深刻的安全意识和综合的安全策略。通过持续的安全培训、审计以及运用行业最佳实践,可以有效降低这类风险。安全是一个持续的过程,而不是一次性任务,面对日益复杂的安全威胁,持续的努力和关注是保障数字资产安全的关键。
234 1
|
NoSQL MongoDB 数据库
MongoDB 删除数据库
10月更文挑战第13天
347 0
|
弹性计算 容灾 关系型数据库
PostgreSQL PITR 任意时间点恢复过程中如何手工得到recovery需要的下一个WAL文件名 - 默认情况下restore_command自动获取
标签 PostgreSQL , recovery , recovery.conf , restore_command , timeline , 时间线 , next wal , PITR , 时间点恢复 背景 PostgreSQL数据库支持PITR时间点恢复。默认情况下,只需要配置目标是时间点,resotre_command即可,PG会自动调用resotre_command去找需要的WA
1796 0
|
前端开发 UED 开发者
【专栏】探讨了CSS3动画卡顿的原因,包括复杂动画效果、过多元素参与、低效代码结构和硬件资源限制,并提出优化措施
【4月更文挑战第29天】本文探讨了CSS3动画卡顿的原因,包括复杂动画效果、过多元素参与、低效代码结构和硬件资源限制,并提出优化措施:简化动画路径、控制元素数量、优化代码结构、利用硬件加速及性能监测。通过实际案例展示了优化效果,强调了性能优化对提升用户体验的重要性。在开发中,应持续关注并优化动画性能,以适应网页应用的需求。
920 1
|
机器学习/深度学习 数据采集 存储
数据集
【7月更文挑战第10天】数据集
2138 1

热门文章

最新文章