css简介及相关概念

一、简介:

css全称为级联样式表(Cascading Style Sheet),通常又称为风格样式表(Style Sheet),是用来进行网页风格设计的。

 css优点:

  1. 内容与表现分离
  2. 表现的统一
  3. 丰富的样式
  4. 减少网页的代码量,增加网页的浏览速度,节省网络带宽
  5. 运用独立于页面的css,还有利于网页被搜索引擎收录

 css的三大特性:

  1. 继承性
  2. 层叠 (!import)  
  3. 特殊性(优先级)

二、核心内容:

三、语法结构:

   基本语法:

  <style type="text/css">

    选择器 {

      属性:属性值;

    }

  </style>

四、在html中引入css的方式

  1. 行内样式:<h1 style=" font-size:18px;" ></h1>
  2. 嵌入式:<style> h1 { font-size:18px;} </style>
  3. 导入式:<style> @import"style.css"; <style> 注意:先加载页面,后加载样式
  4. 链接式:<link href="style.css" rel="stylesheet" type="text/css" > 注意:先加载样子,后加载页面
时间: 2024-12-21 04:33:11

css简介及相关概念的相关文章

CSS 简介

CSS 简介 需要具备的基础知识 在继续学习之前,你需要对下面的知识有基本的了解: HTML XHTML CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一

CSS那些事儿-阅读随笔1(CSS简介与选择符)

最近开始详细钻研CSS有关的知识,参考资料是<CSS那些事儿>.将把在此过程中的收获进行记录,方便以后的学习. 一.CSS简介 1.什么是CSS CSS全称为Cascading Style Sheet(层叠样式表),是一种不需要编译的标记性语言,用于增强控制网页样式并允许将样式信息与网页内容分离.可以使用如何一种文本编辑器对其进行编辑. 2.CSS的作用 a.修饰页面文本.图片等元素,避免使用不必要的HTML元素. b.更有效地控制页面结构.页面布局(DIV+CSS). c.提高开发和维护效率

css的入门——css简介,颜色,文本

CSS简介 1.理解CSS:设想元素周围有一个看不见的盒子. CSS将样式规则与HTML元素相关联,CSS通过将规则与HTML元素相关联的方式来工作.这些规则用来控制指定元素中的内容如何显示.一条CSS规则包含两个部分:一个选择器和一条声明. p {font-family:Arial;} 这条规表明所有<p>元素都已更改用Arial字体来显示. 其中绿色部分为选择器,选择器表明要应用规则的元素.同一条规则可以应用在多个元素上,前提是你需要将这些元素名用逗号隔开. 蓝色部分是声明,声明用于表明应

IT兄弟连 HTML5教程 CSS3揭秘 CSS简介

HTML使用标签将内容放到网页上,也可使用元素和属性来控制简单的文档外观.如果希望更全面地控制Web页面的外观和布局,则需要使用层叠样式表(简写为CSS).CSS规范的工作原理在于允许用户制定一些规则,描述文档中元素内容的表现形式,通过设置不同的规则控制页面中每一个元素的外观,包括字体的颜色和大小.线的宽度和颜色.页面中各项之间的空白量,以便使页面看上去更令人感兴趣.CSS和HTML一样是所有网页制作技术的核心与基础,是为HTML制定样式的机制,能控制浏览器如何显示HTML中的每个元素及其内容.

Web前端从入门到精通-13 css简介

欢迎回来,上节课的话我们做了一个导航 总体来说还能看,但是也有一些小问题 首先,当我们把鼠标移上去的时候不变成小手 这个看起来最不舒服了 所以先从这里开刀 说到这里了,想和大家沟通一个问题 我们平时上网的时候鼠标放到什么地方才变成小手呢? 是不是可以点的地方呢? 可以点的话意味着什么? 意味着是一个链接对不对 链接的话在我们的html里面毫无疑问就是a标签了 好的,说到这里脾气着急的马上就会说,那就用a标签包裹文字不就完事儿了? 话一说完,代码就会被改成这样 <!DOCTYPE html> &

css简介

CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,我感到这样顺口一 点,没别的意思.实际上它是一组样式.你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是 Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找.不管你用什么工 具软件制作网页,都有在有意无意地使用CSS.用好CSS能使你的网页更加简炼,为什么同样内容的网页,有的人做出来有 几

Web前端从入门到精通-10 css简介

上节课呢,我们介绍了一个很重要的概念——盒模型 主要介绍了盒模型的一些基础知识:margin padding的概念 以及margin:0 auto;和margin的塌陷 如果对上述知识点还有不清楚的地方大家一定要弄懂 要不然再往下看的话比较费劲 这节课的话我们接着上节课的话题继续扯 实际上关于margin的话题还远远不止我们上节课说的那些问题 我们再看下面一个布局: <!DOCTYPE html> <html lang="en"> <head> &l

Web前端从入门到精通-6 css简介

上节课我们主要介绍了三种css的选择器 结束的时候留了一个小问题,不知道大家还有没有记得 当多种选择器同时对一个元素操作时,会有什么情况呢? 不知道大家试了没有 先说句题外话,可能有的朋友说 你闲的蛋疼用多种选择器操作一个元素 我让一种选择器操纵一个元素不就可以了吗 我们学一个东西往往是为了用的,而不是为了装13的 所以我提出的这个问题自然有它的价值所在 接下来我会给大家分析 还拿我们的列表做例子,这次给大家举一个百度首页的例子 百度的推荐导航列表这里是不是我们的鼠标移上去的那一个块儿 外面会出

DIV+CSS简介

传统页面数据和布局都混合在一起,如下图: 而DIV+CSS存在下述优势: 1.符合W3C标准.微软等公司均为W3C支持者.这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰. 2.支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容. 3.搜索引擎更加友好.相对与传统的table, 采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好. 4.样式的调整更加方便.内容和样式的分离,使页面和样式的调整变得更加方便. 现在YAHOO