CSS是什么意思

2019年12月26日 标签: 网站建设 css

CSS代表级联样式表,用法语表示级联样式表如果您想了解更多,请继续阅读

 css

  • CSS的含义

  • CSS的起源

  • 什么事啊

  • CSS问题

  • CSS版本

  • 创建CSS需要什么?

  • 一些有用的CSS属性

 

CSS的含义

因此,首字母缩写CSS意味着我们已经看到了莎士比亚语言中的层叠样式表。

最接近法文的文字是级联样式表。除此之外,您不一定要更高级,对吗?是的,的确如此,目前还不清楚。因此,让我们更详细地了解它是什么。首先,“ Sheets”一词等同于文件;然后,“样式”一词表示元素的格式,最后是“层叠”一词,表示应用于同一文档的不同样式的组合。在这里,您现在已经了解了CSS定义,但是我们建议您在简要回顾一下CSS的起源之后,再深入一点,具体看看它的外观以及使用这种补充HTML的计算机语言可以做什么。

CSS的起源

这种计算机语言紧随HTML之后。CSS诞生于1996年,而HTML诞生于1991年。您是否想知道网站是如何格式化的?很简单,在网站开发时插入适当的HTML标记(如<oquer)。换句话说,同一页面上的内容和形式是一堆大杂烩!因此,即使看起来很奇怪,但CSS的开端并没有取得很大的成功,导航也不容易。确实,开发人员还不习惯使用CSS,他们并没有立即摆脱不良习惯以采用CSS允许的良好方法。此外,仍然可以找到许多带有过时标签的网站。

什么事啊

因此,CSS是一个样式表,可帮助我们格式化HTML。它允许您选择HTML中的元素。这是一个例子:

body {
 background-color: black; 
 font-family: Georgia; 
 font-size: 30px;
 }h1 {
 font-size: 60px; 
 color: blue; 
 text-align: center;
 }h2 {
 font-size: 45px; 
 color: green; 
 padding-left: 10px;
 }

创建CSS代码行时,必须注意不要忘记花括号和分号!即使某些文本编辑器告诉您何时发生错误,也最好重新读取HTML和CSS中的代码,以便自动编写代码。从那里,您自己创建网站或使用开源CMS提供的数据库将变得轻而易举!

CSS问题

掌握CSS的第一个也是最重要的问题是能够分解其形式的文档的体系结构。我们总是从形状之前的底部开始。

第二个挑战是根据媒体和用户偏好来定义文档的样式呈现。

第三个也是最后一个挑战是根据样式的来源,媒体或整个文档的结构,将样式的不同来源与单个文档相关联。

CSS版本

迄今为止,CSS已经发展了四次,而不再需要通过更新来更新自身:

  • CSS 1:第一级详细介绍了一种语法,旨在使新功能的添加成为可能,同时接受原始执行对未来样式表的解释。

  • CCS 2:新属性允许用户首选项包含在网站格式中。

  • CSS 2.1:这是CSS 2的修订版,用于纠正遇到的问题。

  • CSS 3:这是当前版本。“媒体查询”的到来促进了网站在所有屏幕上的转换。更好的颜色管理和对用户界面的考虑是最高级的模块。借助“媒体查询”,响应式Web设计(最佳用户体验)从未如此轻松。

据说正在开发CSS 4版本。

创建CSS需要什么?

您需要一个文本编辑器(SublimeVisual Studio CodeAtom …)和一个Internet浏览器,例如ChromeExplorerOpera …(以测试格式化的网页)。

有3种解决方案来编写CSS代码:

  • 在HTML以外的文件中(该文件可以在扩展名的水平上命名.css,而另一个文件在该文件的级别上经常命名样式(style.css通常是您在网站上找到该文件时的名称)只有一个CSS文件))。

  • 在HTML文件的<head> </ head>标头中。

  • 在带有样式属性的<html> </ html>标记中。

强烈建议在.css文件中编写表单,以区分HTML和CSS。信不信由你,创建一个不同的文件,您将损失更少。最重要的是,除了丢失更少(您的HTML文件将因为其中没有CSS而只会更具可读性)之外,这还为您节省了宝贵的时间,您可以通过以下方式进行修改:以下。

实际上,通过在CSS样式文件上对不同格式进行分组,如果要更改颜色或字体大小,只需修改CSS文件,以便在所有页面上进行修改。比您必须修改所有页面的所有html标签以修改其中的样式部分的速度快得多

您可能想知道HTML文件如何读取CSS文件?好吧,只需在HTML文件中编写以下代码。不要忘记重命名与您为CSS文件指定的名称相对应的文件。

<link rel="stylesheet" href="... .css" />

 

一些有用的CSS属性

更改背景颜色

background-color:

改变边界

border:

选择字体(印刷术)

font-family:

选择字体大小

font-size:

更改元素的高度和宽度

height:width:

更改列表的特征

list-style:

确定文本的水平对齐方式

text-align:

 

您了解有关CSS的更多信息。您会发现,它并不像听起来那样复杂。只需选择适当的元素,然后您就可以自由地在右侧对齐文本或更改要创建的网页的背景颜色。尝试编写链接到.css文件的HTML页面的代码,并自己看看借助上述属性可以做什么。既然您知道如何使用HTML进行编码,那么您就可以使用CSS来设置网页格式。

通过学习您可以在CSS中定义的每个html标签和每个格式设置选项,您几乎可以创建自己的网站了。这是一个极好的练习,至少要执行一次以“动手操作”,即使以后再这样做,也是为了简单起见,因为总是尝试重新发明它并不是很有用。轮,您可以在现有基础上构建,而您只需要根据需要自定义即可。也是因为您已经自己完成了此操作,所以在现有的基础上重做它会更加舒适和快捷。


» 本文链接地址:https://www.ccxcn.com/website/4935.html » 转载请注明出处,谢谢。