学习基本的CSS知识,在学习CSS之前Style
本教程我们来学习基本的 CSS 知识,在学习 CSS 之前,大家肯定已经学习过了 HTML,在学习 HTML 的时候我们就已经讲到过,有很多的标签和属性其实都能直接通过 CSS 样式来代替实现,并且通过 CSS 样式来实现会更加方便。
相对于我们平时看到的网页来说,如果仅仅通过 HTML 代码是无法达到某些比较复杂视觉效果的,但是如果配合 CSS 就能很容易实现啦。
CSS 介绍
CSS 的英文全称为 Cascading Style Sheets,翻译成中文叫做层叠样式表,是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
也就是说我们可以通过 CSS 样式来定义如何显示 HTML 代码,CSS 中的样式多种多样,比如说字体的样式,有设置字体大小、颜色、加粗、倾斜,还有列表样式、背景样式等等,后面我们都会慢慢的学到。
示例:
我们来看一段 CSS 代码:
div{
font-size: 16px;
line-height: 20px;
color: #ccc;
margin: 0;
padding: 0;
其实从这段 CSS 代码中,我们也不难看出 CSS 的语法格式。
CSS 语法格式
每个 CSS 样式都是由两个部分组成的,即选择器和声明,而声明又包括属性和属性值,每个声明后面都有一个分号。
语法:
选择器{
属性1: 属性值1;
属性2: 属性值2;
...
选择器的种类挺多的,像比如标签选择器、类选择器、ID选择器、后代选择器等,后面我们都会讲到。
要注意的是,每一句样式声明后面的分号 ; 千万别忘记,特别是有多个样式声明的时候。
CSS 注释
这里我们再来讲一下 CSS 中的注释在css中注释代码是,注释大家应该不陌生,就是对代码的解释和说明,不同编程语言的注释代码可能存在差别,CSS 中的注释如下所示:
/ 这是CSS中的注释 /
CSS 特点
CSS 语言的特点有下面几点:
总结
HTML 为页面定义结构,而 CSS 就是为 HTML 结构定义外观,简单理解就是:HTML 就是骨架在css中注释代码是,而 CSS 就是为骨架赋予血肉和皮肤外观,二者互相配合使用。
发表评论
热门文章
Spimes主题专为博客、自媒体、资讯类的网站设计....
一款个人简历主题,可以简单搭建一下,具体也比较简单....
仿制主题,Typecho博客主题,昼夜双版设计,可....
用于作品展示、资源下载,行业垂直性网站、个人博客,....
热评文章
最新评论
Z.
11月29日
博主你好,Deng插件,这个点击不进去,提示这个(Warning: require_once(/www/wwwroot/w.zzy2020.com/usr/plugins/Deng/Deng/html/profile.php): failed to open stream: No such file or directory in /www/wwwroot/w.zzy2020.com/Fresh/extending.php on line 26
Fatal error: require_once(): Failed opening required '/www/wwwroot/w.zzy2020.com/usr/plugins/Deng/Deng/html/profile.php' (include_path='.:/www/server/php/72/lib/php') in /www/wwwroot/w.zzy2020.com/Fresh/extending.php on line 26)
点都德
2天前
:喷::喜欢::怒::黑线: