什么是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代码分开来写,代码也可以重复使用!

相关文章
|
20天前
|
前端开发 开发者
css怎么学
【4月更文挑战第11天】css怎么学
15 1
|
15天前
|
XML 前端开发 数据格式
初识CSS
CSS(Cascading Style Sheets)是一种用于给结构化文档(如HTML或XML)添加样式(如字体、间距和颜色)的编程语言。它通过使用选择器来指定样式,例如ID选择器 (#id)、类选择器 (.class) 和标签选择器 (element)。样式可以写在外部CSS文件中,然后在文档中引用,或者直接内联于HTML元素。当需要应用多个样式时,可以使用优先级来决定哪些样式生效。CSS还支持设置字体、浮动布局、内边距和外边距等属性,以及实现文本和元素的居中对齐。通过组合这些特性,开发者可以创建出复杂的网页布局和视觉效果。
|
17天前
|
存储 前端开发
什么是 CSS
什么是 CSS。
16 6
|
4月前
|
前端开发
CSS总结干货
行内样式表(行内式) 行内样式表(内联样式表)是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式. ​ 语法:
|
5月前
|
Web App开发 前端开发 图形学
CSS 20大酷刑(一)
CSS 20大酷刑(一)
|
8月前
|
前端开发 容器
CSS——每周总结
CSS——每周总结
CSS——每周总结
|
9月前
|
前端开发 安全 容器
CSS(2)
在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。 复合选择器可以更准确、更高效的选择目标元素(标签)。 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的。 常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等。
42 1
|
前端开发
CSS简识
本文主要介绍用于丰富前端界面的语言——CSS,只介绍一些较为常用的知识。
79 0
CSS简识
|
前端开发 搜索推荐
初识CSS3
初识CSS3
63 0
|
前端开发 JavaScript 容器
CSS
定义页面样式。浏览器在构造完成页面的 DOM 树后,会解析 css 代码以及引入的 css 文件,将定义的样式表规则添加到对应的 DOM 树节点上。在绘制并渲染为用户可见的页面时使用。
163 0