css基础知识点

bdqnwqk2年前基础13

1.CSS的基本语法是什么

基本语法?抄

css是根据html命名或者标签对bai其控制的,

如:du

html部分

<div class="box"></div>

css部分(也可写在zhi.css文件中)

<style>

.box{width:100px; height:100px;}

</style>

这样就定义dao这个div的宽高

2.html css基础教程主要内容有哪些

html css基础教程归纳如下:

第1、Html介绍

本章节主要讲解html和css样式的关系,以及html标签、html文件结构、head标签,最后讲解了在html中的注释代码的作用。

第2、认识标签(第一部分)

学完这一章节将对标签的使用有了一些初步的认识,可以使用标签制作出一篇简单的文章网页。下一章节将进一步学习另外一部分html标签。

第3、认识标签(第二部分)

本章节主要讲解列表、div及table标签使用,学完本章,可以在网页上展示一些信息列表及表格数据,使网页上的信息更加丰富

第4、认识标签(第三部分)

本章节主要讲解超链接标签、链接地址及图片标签,学习完这一章节可以把分散的单独的网页用链接标签有效的组织起来,达到网页之间可以相互跳转的作用。

第5、与浏览者交互,表单标签

每天都在网上冲浪,如果没有表单,人们就无法输入自己的个人信息来买东西,本章节主要从表单的作用、表单元素讲起,学习完本章,可以制出简单的用户登陆、注册页面。

第6、开始学习CSS,为网页添加样式

CSS是一个很神奇的东西,设计者可以通过修改样式表的定义而使网页呈现出完全不同的外观。本章就开始带领大家来学习CSS样式:先来认识CSS样式、了解CSS样式的优势、最后讲解CSS代码语法和CSS注释代码。

第7、CSS样式基本知识

这一章节主要讲解与CSS样式相关的基础知识:CSS样式的位置及相关的优先级,为后面的CSS样式具体学习打下基础。

第8、CSS选择器

本章主要介绍CSS的选择器,通过学习本章,能对元素进行样式的设置

第9、CSS的继承、层叠和特殊性

CSS中有一些概念是需要深刻理解的,此节开始将介绍CSS中的一些非常重要的概念包括CSS的继承、层叠和特殊性。

第10、CSS格式化排版

本章将详细介绍网页排版中主要格式化要素,帮助读者把CSS技术与网页编排紧密结合在一起,实现网页实用性与欣赏性相结合,实现出设计效果。

第11、CSS盒模型

盒模型是CSS布局的基石,它规定了网页元素如何显示以及元素间相互关系。本章将围绕盒模型的概念、结构、尺寸等基础知识展开研究,以便为后面的学习和日后网页设计奠定扎实的基础。

第12、CSS布局模型

现在可以用所需的知识进行真正设计了,学习完本章节可以运用所学习的知识实现网页的多列布局,本章将围绕流动模型、浮动模型、层布局模型等布局技术展开研究,以便为后面制作复杂的网页打下基础。

第13、CSS代码缩写,占用更少的带宽

虽然CSS文件或者嵌入的CSS都纯文本文件,为了减少css样式代码的编写量,代码缩写是很有必要的。这样可以使用户访问网页的时候占用更少的带宽。

第14、单位和值

本章节对单位如颜色的单位和值等时行详细讲解。

第15、css样式设置小技巧

本章节对在日常前端开发中常用到css样式设置小技巧进行了讲解。

3.css基本知识怎么学

合我的经历1、找人给你讲解一下css的基础知识2、看别人布局一个页面出来,自己动手照猫画虎的试着布局3,规范书写5,上网查4、学习标准://download.csdn.csdn.net/source/513748" target="_blank"> 等书籍的推荐 用我以前的答案css的手册 及简单教程 简单的初级教程 (电子书)。

4.谁知道CSS的基本语法

在建立样式表之前,我们必须要具体一些 HTML 的基础知识。我们知道, HTML 语言由标志和属性构成, CSS 也是如此。

样式表基本语法:

HTML 标志 { 标志属性:属性值;标志属性:属性值;标志属性:属性值;…… }

放置样式表有内联和外联等三种不同的方法。现在首先讨论在 HTML 页面内直接引用样式表的方法。

这个方法必须把样式表信息包括在 < style>; 和 < /style>; 标记中,为了使样式表在整个页面中产生作用,应把该组标记及其内容放到 < HEAD>; 和 < /HEAD>; 中去。

例如我们要设置一 HTML 页面中所有 H1 标题字显示为蓝色,其代码如下:

< HTML>

< HEAD>

< TITLE>This is a CSS samples< /TITLE>

< STYLE TYPE="text/css">

< !--

H1 { color: blue }

-->

< /STYLE>

< /HEAD>

< BODY>

页面内容…

< /BODY>

< /HTML>

注意, < STYLE>; 标记中包括了 TYPE = "text/css" ,这是让浏览器知道你是使用 CSS1 样式规则。加入 <; !-- 和 -->; 这一对注释标记是防止有些老式的浏览器不认识样式表规则,可以把该段代码忽略不计。

在使用样式表过程中,经常会有几个标志用到同一个属性,比如我们规定 HTML 页面中凡是粗体字、斜体字、1 号标题字显示为红色,按照上面介绍的方法应书写为:

B { color: red}

I { color: red}

H1 { color: red}

显然这样书写十分麻烦,引进分组的概念会使其变得简洁明了,我们可以写成:

B,I,H1 {color: red}

用逗号分隔各个 HTML 标志,把三行代码合并成一行。

此外,同一个 HTML 标志,可能定义到多种属性,例如,我们规定把从 H1 到 H6 各级标题定义为红色黑体字,带下划线,则应写为:

H1,H2,H3,H4,H5,H6 {

color: red;

text-decoration: underline;

font-family: " 黑体 "

}

注意各个标志属性之间用分号隔开。

文章来自: 新元网(CNITB.COM) 详文参考:

css基础知识点

标签: 知识点基础