关于css

       已经学了四天的css。现在对于css的了解还很肤浅,首先,我对基础的还不是很了解。

       级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。通过设立样式表,可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。

 CSS简介

  CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现HTML或 XML 等文件样式的计算机语言。
  CSS目前最新版本为CSS3,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒模型的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

级联样式表简介

  有三种方法可以在站点网页上使用样式表: 
  将网页链接到外部样式表。 
  在网页上创建嵌入的样式表。 
  应用内嵌样式到各个网页元素。 
  每一种方法均有其优缺点: 
  当要在站点上所有或部份的网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表 — 中作一次更改 — 而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名,例如 Mystyles.css。 
  当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的 <HEAD> 标记符内。嵌入的样式表中的样式只能在同一网页上使用。 
  使用内嵌样式以应用级联样式表属性到网页元素上。 
  如果网页链接到外部样式表,为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。

创建或编辑

  现在创建和编辑css更加常用的是Adobe Dreamweaver系列软件,可视化编辑更利于web工程师快速的创建和编辑css,新版本CS5.0、CS5.5、CS6,包含Adobe BrowserLab,用于针对多种浏览器测试css的兼容性。Adobe Dreamweaver是一个css创建和编辑必不可少的利器!CSS  FrontPage 2000 包含有能用来为站点创建外部样式表的模板。可以用空白模板或已包含样式的模板来创建(例如 Arcs)。当保存样式表时, FrontPage 会以 . css 作为文件扩展名。要编辑样式表,请双击文件夹列表中的样式表。 
  当创建或修改网页样式时,可使用位于 “格式” 菜单的 “样式” 命令,FrontPage 会自动创建嵌入的样式表(如果原先不存在),并在嵌入的样式表内将此样式保存为类选择器。 
  可以使用 “样式” 对话框来创建新类选择器,修改或删除现有类选择器,或将 CSS 格式设置属性应用到标准 HTML 标记符上例如 <H1>。当单击 “确定” 关闭对话框时,FrontPage 会将格式设置特征写回到使用正确语法的外部或嵌入的样式表中。或者,可以用正确 CSS 语法键入样式信息。要键入嵌入的样式表的样式信息,请单击网页视图模式下的 “HTML” 选项卡。 
  如果对应用到站点的主题选择 “应用 CSS ” 复选框,FrontPage 将在站点的根目录下创建名为 Theme 1 .css 的文件,其中 Theme 是主题的名称。如果修改主题,FrontPage 自动将更改写回主题 CSS 里。也可以通过直接编辑主题 CSS 来修改主题。

级联样式表使用

  要在网页上使用外部样式表的样式,可将该网页链接到样式表,方法是使用位于 “格式” 菜单上的 “样式表连接” 命令。可以链接一个或数个样式表到网页视图模式下的当前网页,或到在文件夹列表中的所选网页,或到站点上的全部网页。 
  该“样式” 框列出标准 HTML 标记符,例如标题 
  1,还有嵌入的样式表或链接到网页的外部样式表中所含的类或 ID 选择器。要应用样式到网页元素,请选定该样式然后单击 “样式” 框中的样式或选择器。 
  在 2000 中,某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令(在 “格式” 菜单上)在普通段落周围应用框,FrontPage 会写下格式设置信息,作为段落标记符的内嵌样式属性(例如∶ <p >)。然而某些属性的应用需要使用 CSS,其他则需要使用 HTML 。如果人们只想使用 CSS 应用内嵌样式,可使用 “样式” 按钮(位于网页元素的 “属性” 对话框里)应用类或 ID 选择器或嵌入式样式。

 

转载于:https://www.cnblogs.com/qwdlove/p/3903594.html

1. 什么是CSS预处理器? 2. 列举一些常见的CSS预处理器。 3. CSS预处理器的主要优点是什么? 4. CSS预处理器的主要缺点是什么? 5. 什么是变量?如何在CSS预处理器中使用变量? 6. 什么是嵌套?如何在CSS预处理器中使用嵌套? 7. 什么是混合?如何在CSS预处理器中使用混合? 8. 什么是继承?如何在CSS预处理器中使用继承? 9. 什么是条件语句?如何在CSS预处理器中使用条件语句? 10. 什么是循环语句?如何在CSS预处理器中使用循环语句? 11. 什么是函数?如何在CSS预处理器中使用函数? 12. 如何在CSS预处理器中处理CSS文件的导入和包含? 13. 如何在CSS预处理器中处理CSS文件的引用? 14. 如何在CSS预处理器中处理CSS文件的压缩和优化? 15. 如何在CSS预处理器中处理CSS文件的版本控制? 16. 如何在CSS预处理器中处理CSS文件的模块化? 17. 如何在CSS预处理器中处理CSS文件的自动化? 18. 如何在CSS预处理器中处理CSS文件的测试和调试? 19. 如何在CSS预处理器中处理CSS文件的部署和发布? 20. 如何在CSS预处理器中处理CSS文件的安全性和可维护性? 21. 如何在CSS预处理器中处理跨浏览器兼容性问题? 22. 如何在CSS预处理器中处理响应式设计和移动优化? 23. 如何在CSS预处理器中处理动画和交互效果? 24. 如何在CSS预处理器中处理图像和字体? 25. 如何在CSS预处理器中处理SEO和可访问性?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值