`

CSS概况

阅读更多
【简介】CSS又叫层叠样式表(Cascading Style Sheets)是一种语言,用来描述使用标记语言(如HTML)写成的网站的外观和格式。即样式定义如何显示 HTML 元素

【存储】样式通常存储在样式表中,外部样式表通常存储在 CSS 文件中

【构成】由两个主要的部分构成:选择器和声明
选择器通常是您需要改变样式的 HTML 元素
每条声明由一个属性和一个值组成
例如:将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素
      h1   {color:   red; font-size:    14px;}
   选择器         声明        属性          值

【值的不同写法和单位】:除了英文单词 red,我们还可以使用十六进制的颜色值 #ff0000,如果值为若干单词,则要给值加引号

【多重声明】如果要定义不止一个声明,则需要用分号将每个声明分开

【空格和大小写】是否包含空格不会影响 CSS 在浏览器的工作效果,同样,与 XHTML 不同,CSS 对大小写不敏感。不过存在一个例外:如果涉及到与 HTML 文档一起工作的话,class 和 id 名称对大小写是敏感的

【选择器的分组】可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。例:h1,h2,h3,h4,h5,h6 { color: green;}
标题元素进行了分组,所以所有的标题元素都是绿色的

【建立css文件】
为了在您的 web 页中添加你自己的风格,我们创建一个 CSS 文件。
在static(静态)的目录下创建一个新的目录称为 css 。 然后,在这个 css 目录里创建一个新的文件,接下来用你的代码编辑器打开该文件

【Django的静态文件及放置位置】
Django已经知道到何处找到内建“admin”应用的静态文件。现在我们只需要给我们的blog应用添加一些静态文件。
我们在blog应用的目录下创建一个名为static(静态)的文件夹
Django会自动找到你应用文件夹目录下所有名字叫“static”的文件夹,并能够使用其中的静态文件

注释:{一:静态文件指的是你所有的CSS文件和图片文件,这些文件不是动态的,对所有用户都是一样,不会因为请求内容而发生变化};
{二:计算机使用特殊的编码来了解颜色。 它们以 #开始,后面跟着 6 个字母 (A 到 F) 或数字 (0-9)}





分享到:
评论

相关推荐

    《CSS全程指南》随书光盘

    9.2 div概况 197 9.2.1 了解div 197 9.2.2 使用div 197 9.2.3 定义div 198 9.2.4 div和span的区别 199 9.3 div+CSS布局介绍 200 9.3.1 div+CSS布局的优点 200 9.3.2 div+CSS布局的缺点 201 9.3.3 何时使用TABLE 202 ...

    Html+Css+Javascript从入门到精通.pdf

    **第十六章:JavaScript语言概况** - **JavaScript简介**:了解JavaScript的历史和发展。 - **特点与其他语言对比**:JavaScript的独特之处。 - **运行环境**:介绍JavaScript执行的环境。 - **简单示例**:编写第...

    《HTML&CSS;》教学指南及习题答案

    - **CSS基础知识**:介绍CSS的语法、属性、定位方式和滤镜等功能。 - **案例教学**:采用实践导向的教学方法,通过一系列具体的案例来帮助学生理解和掌握HTML与CSS的使用技巧。 #### 二、预备知识 - 学生在开始...

    《HTML5&CSS3开发大起底》.pdf

    第1章 概况……2 第2章 网站开发基础……28 第3章 网页行为:JAVASCRIPT基础……48 第4章 网页结构:HTML5……66 …… 4.10.4 canvas画布元素 147 4.10.7 SVG 矢量图 197 …… 第5章 网页样式:CSS3……282 第6...

    商城后台管理系统HTML5+CSS+jQuery模板

    - `index.html`:主页面,通常展示系统概况和快捷入口。 - `Brand_detailed.html`:品牌管理的详细界面,可能包含品牌的添加、编辑和查看功能。 - `Products_List.html`:商品列表,展示所有或特定分类的商品,...

    BlackBerry_CSS参考手册

    #### CSS支持概况 BlackBerry在其浏览器中提供了对CSS的支持,旨在帮助开发者创建具有丰富样式和布局效果的网页应用。为了更好地理解和应用这些特性,手册将其分为以下几个部分: 1. **按字母顺序排列的CSS属性...

    Html_Js_cssWeb基础教程.pdf

    #### 第十六讲 JavaScript语言概况 - **什么是JavaScript**:阐述JavaScript作为一门动态脚本语言的地位,以及它在Web开发中的重要角色。 - **JavaScript的特点以及与其他语言的区别**:对比JavaScript与其他编程...

    种植业网站CSS3扁平模板

    这些模块可以方便地展示种植园的概况、最新产品、种植技术知识以及联系方式,促进与客户的互动。同时,为了提高网站的SEO优化,模板也会考虑到关键词的布局和元标签的设置,有利于搜索引擎的收录和排名。 至于...

    web静态网站,css+html旅游景点网站,web假期作业

    可以访问这篇文章有完整的介绍: ... 首页、历史文化、景区概况、推荐...首页含背景音乐循环播放,自动播放(首先浏览器兼容自动播放): 历史文化: 景区概况: 推荐游玩: 美食一览: 文化活动: 地理位置:联系我们:

    jamstack-web-starter:使用Eleventy,Tailwind CSS,Webpack和PostCSS的静态网站工作流程

    Eleventy·Tailwind CSS·HTML·CSS·Javascript内容项目概况该项目使用作为静态网站生成器默认模板为 (可以根据需要更改) PostCSS设置为处理: 尾风CSS CSS导入自动前缀PurgeCSS在生产中删除未使用CSS(默认设置...

    html_js_css精解

    **16.1 JavaScript语言概况** JavaScript是一种解释型或即时编译型编程语言,用于为Web页面添加动态效果。它可以与HTML和CSS紧密结合,提供丰富的用户体验。 **16.2 JavaScript基本数据结构** JavaScript支持多种...

    MetInfo模板文件结构与概况详解

    ### MetInfo模板文件结构与概况详解 #### 一、引言 MetInfo是一款广泛应用于企业网站建设的CMS(Content Management System)系统,它以其强大的功能、易用性以及灵活性深受用户的喜爱。为了帮助开发者更好地理解并...

    springboot+html+css+js实现医护人员信息管理系统

    这个模块可能包含了对医院基本信息的录入、编辑和查询,如医院名称、地址、联系方式等,帮助管理层了解和维护医院的概况。 6. **医护信息管理**: 医护人员信息管理涵盖了医生、护士和其他医疗工作人员的个人信息...

    HTML、CSS、JavaScript网页制作从入门到精通

    首先介绍JavaScript语言概况,包括JavaScript的特点、与其他语言的区别、运行环境以及创建一个简单的JavaScript脚本。之后,课程将深入到JavaScript的基本数据结构、变量和表达式、程序构成、流程控制语句、函数以及...

    土豆网前端概况.doc

    【土豆网前端概况】 土豆网前端开发涉及到的内容广泛,涵盖了分工流程、基本架构等多个方面。在土豆网,项目开发的核心是项目本身,任何团队成员都可以担任项目经理。在项目开发过程中,通常会有1名设计师,1-2名...

    土豆网前端概况

    土豆网前端概况 对WEB前端开发人员很有用

    eleventy-web-starter:Eleventy Web Starter 是一个轻量级的 Eleventy 样板,使用 ESBuild Tailwind 和 PostCSS

    项目概况 项目使用作为静态站点生成器 默认模板是 (可以更改) PostCSS 设置来处理: TailwindCSS CSS 导入 自动前缀 PurgeCSS 删除生产中未使用的 CSS(默认为 TailwindCSS 设置) 在生产中缩小的 HTML 在...

    CSS3模块的目前的状况分析

    同时,CSS3还包括针对不同媒介的概况设计,如Print Profile、TV Profile和Mobile Profile,以适应电视、打印机和移动设备的显示需求。 总的来说,CSS3模块的发展体现了网页设计与技术的融合,旨在提供更丰富、更...

Global site tag (gtag.js) - Google Analytics