`

第八章:css基础语法讲解

    博客分类:
  • html
阅读更多

 

一、css语法

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。

下面的示意图为您展示了上面这段代码的结构:

 css

 

二、注释

CSS注释   /*  注释内容 */    

 

HTML的注释  <!--注释内容-->

 

三、内部样式

当单个文档需要特殊的样式时,就应该使用内部样式表。

你可以使用 <style> 标签在文档头部定义内部样式表

<head>

<style type="text/css" >

h1{color:red;}

</style>

</head>

 

五、外部样式表

当样式需要应用于很多页面时,外部样式表将是理想的选择。

在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。

每个页面使用 <link> 标签链接到样式表。<link> 标签在(文档的)头部:

<head>

<link rel="stylesheet" type="text/css" href="mystyle.css" />

</head>

        注意:type中的text/css 不要写成css/text,这是固定写法

 

六、内联样式

写在标签的里面

<p style="font-size:12px;"></p>

 

三种样式的优先级:内联样式优先级最高,内部样式和外部样式写在下面的优先。

 

JAVA技术交流群 532101200

分享到:
评论

相关推荐

    《使用HTML语言和CSS开发商业站点》

    - 第二章:CSS基础,讲解CSS语法和基本样式设置。 - 第三章:布局与定位,探讨盒模型和定位策略。 - 第四章:响应式设计,讲述如何使网页适应不同设备屏幕。 - 第五章:字体与颜色,讨论文本样式和色彩设计。 -...

    北大青鸟 8.0 S1使用HTML语言和CSS开发商业站点

    **第八章:JavaScript进阶** 在此章节,会进一步学习DOM操作、AJAX异步请求、面向对象编程等JavaScript高级话题,以增强网页的交互性和动态性。 **第九章:网页交互与表单处理** 这一章会讲解如何使用JavaScript...

    精通css+div

    **第1章:CSS基础** 在这一章中,读者将学习到CSS的基础概念,包括CSS的语法结构、选择器的使用、属性与值的定义,以及如何将CSS应用到HTML文档中。此外,还将讨论内联样式、内部样式表和外部样式表的区别和用法,...

    DIV+CSS 网页设计

    1. **第2章:CSS基础** - 这一章通常会介绍CSS的基本语法,包括选择器、属性和值,以及如何将样式应用到HTML元素上。你将学习如何设置字体、颜色、背景、边距和填充等基本样式。 2. **第8章:布局技巧** - 在这里,...

    Web前端开发概述课件

    这一章会讲解变量、数据类型、运算符、流程控制语句、函数等基础语法。 9. **第12章:JavaScript对象** 对象是JavaScript的核心特性,这章会介绍对象的创建、属性和方法,以及原型链和构造函数等高级概念。 10. *...

    [The.CSS3.Anthology(4th,2012)].Rachel.Andrew.文字版.pdf )

    8. **第8章:CSS定位基础** - **静态定位**:解释静态定位的概念及其应用场景。 - **相对定位**:介绍相对定位的工作原理及其与绝对定位的区别。 - **绝对定位**:探讨绝对定位的特点及其实现复杂布局的方法。 9...

    Introduction to Website Design and Development_ HTML5, CSS3, and JavaScript

    8. **第8章:图像透明度** - 讲解如何调整图像的透明度。 - 包括透明度的概念、实现方式及其应用场景。 - 提供代码示例,帮助实现复杂的视觉效果。 9. **第9章:CSS:样式表** - 介绍CSS的基本概念和语法。 - ...

    HTML5 The Definitive Guide to HTML5

    - **第8章:标记文本**:介绍如何使用HTML5来格式化文本内容,包括段落、列表、引用等标签的使用方法。 - **第9章:分组内容**:重点讲解如何使用`&lt;figure&gt;`、`&lt;figcaption&gt;`等元素来组合相关的内容块。 - **第10章...

    Beginning CSS 3rd Edition

    8. **第8章:盒子模型:控制边距、边框、内边距、宽度与高度** - **主要内容**:详细讲述了CSS盒子模型的概念,以及如何通过CSS控制元素的尺寸和空间布局。 - **核心知识点**: - 盒子模型的基本组成:内容区、内...

    精通css 网页教程

    第八章:招数和过滤器 本章涵盖了CSS的一些高级技巧和特效,如过渡、动画、伪类和伪元素。此外,还会讲解滤镜效果,用于增强图像和元素的表现力。 第九章:BUG和BUG修复 在这个部分,教程将指导读者识别和解决常见...

    html5与css3权威编程(第三版)1-15章 源码

    - **第8章**:通常涉及CSS选择器的使用,如何有效地选取和应用样式。 - **第9章**:可能包含HTML5的新特性,如表单控件、离线存储等。 - **第11章**:可能介绍CSS3的布局技巧,如盒模型、Flexbox或Grid布局。 - ...

    网页制作教程电子教案

    第五章-第八章:网页布局与交互 这部分涵盖不同的布局策略,如栅格系统、Flexbox和Grid布局,以及JavaScript基础,让学生了解如何实现动态效果和用户交互,提升用户体验。 第九章:jQuery与特效 介绍jQuery库,学习...

    重庆大学web开发技术-王成良-学堂在线解析

    第八章:EnableViewState 本章中,教授介绍了EnableViewState的基本概念和使用方法,包括ViewState的作用、优点和缺点等。学生将学习如何使用EnableViewState对网页进行状态管理。 关键知识点: * ...

    Apress.Pro.CSS.for.High.Traffic.Websites

    **第八章:性能** - **主要内容**:探讨了如何通过优化CSS来提高网页加载速度和渲染性能。 - **学习要点**: - CSS文件大小的压缩技巧。 - 使用媒体查询和懒加载图像等方法减少不必要的下载。 - 性能监控...

    Beginning HTML XHTML CSS and JavaScript[PDF]

    ##### 第8章:更多层叠样式表(CSS) - **布局技巧**:进一步学习CSS布局技巧,如浮动、定位等。 - **响应式设计**:探讨如何使用媒体查询等技术实现响应式布局。 - **高级样式**:介绍更高级的CSS特性,如过渡效果、...

    精通CSS+DIV源码 第一章

    总的来说,《精通CSS+DIV源码 第一章》是网页设计师入门的基石,涵盖了CSS的基础语法和核心概念,为后续章节的学习打下坚实基础。通过深入学习这一章,读者将能够熟练运用CSS控制网页元素的样式,以及如何用DIV构建...

    自己动手写网络爬虫光盘文件10章

    8. **第八章:爬虫框架Scrapy**:介绍Scrapy框架,它是Python中强大的爬虫开发工具,可以高效、结构化地管理爬虫项目。 9. **第九章:反爬策略与IP代理**:探讨网站的反爬机制,如验证码、IP限制,以及如何使用IP...

    Web前端开发技术PPT.zip

    8. **第八章:Web性能优化** 最后一章关注如何提升Web应用的性能,包括图片优化、代码压缩、缓存策略、懒加载以及Web性能审计工具的使用等。 这套资源包以PPT形式呈现,便于学习者系统地掌握Web前端开发技术,从...

    beginning_javascript_and_css_development_with_jquery

    - **第8章:动画效果** jQuery不仅强大而且灵活,它可以轻松实现各种动画效果。本章讲解了如何使用`.show()`, `.hide()`, `.fadeTo()`等方法来制作简单的动画。 - **第9章:插件开发** jQuery的强大之处在于它的...

Global site tag (gtag.js) - Google Analytics