1、CSS （Cascding Style Sheet）层叠样式表 级联样式表 样式表2、CSS作用： 修改页面中元素的显示样式 能够实现内容与表现的分离 提高代码的可重用性和可维护性3、导入CSS的方式 在HTML里直接写<h1 style="属性：值;属性:值"> 在<style>里面写法 选择器{属性：值;} 在外部创建<link rel="stylesheet" type="text/css" href=""> 或 ...
CSS命名规范一．文件命名规范 全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；二．常用类/ID命名规范页 眉：header内 容：content容 器：container页 脚：footer 版 权：copyright 导 航：menu主导航：mainMenu子导航：subMenu 标 志：logo标 语：banner标 题：title侧边栏：sidebar 图 标：Icon注 释：note搜 索：search按 钮：btn登 录：login链 接...
网页元素按照类型分为三种类型块状元素（div p ul h1 等）内联元素（span label a strong em 等）内联块状元素（img input 等）块状元素的特征是独占一行，之后的元素也会另起一行，不过块状元素可以通过display:inline,设置为内联元素。内联元素是在一行中，通过display：block设置为块状元素。display：inline-block将元素设置为内联块状元素inline-block元素的特点是1：和其他元素都在一行上，2：元素的高度、宽度、行高以及顶和...
一、xhtml css基础知识文档类型语言编码html标签css样式css优先级css盒模型组成1）文档类型当我们用dreamweaver新建一下html格式文档时，查看源代码，会发现代码最上部有如下这句话： 这句话标明本文档是过渡类型，另外还有框架和严格类型，目前一般都采用过渡类型，因为浏览器对XHTML的解析比较宽松，允许使用HTML4.01中的标签，但必须符合XHTML的语法。许多朋友在制作页面时，往往喜欢把这句删除掉，在这里建议大家一定要保留这句...
css简介层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。要深刻理解层叠样式表，样式表说明css是负责美化网页的；而层叠表示网页可以定义多层样式，样式可以被覆盖而不会被干掉。css样式的3种用法在标签中使用style属性,如下：<h1 st...
0x01 CSS基础语法及嵌入方式1. CSS基础语法格式： 选择器(选择符){属性:属性值;属性:属性值;……}注释样式：/*注释内容*/2. 嵌入方式2.1 内联方式(行内样式)就是在双标签的开始标签中嵌入特点：仅作用于本标签2.2 内部方式即在head标签中嵌入style标签及其样式特点：作用于整个页面2.3 外部导入(推荐)就是在head标签中用link链接外部的CSS文件，进行修饰(这种采取HTML和CSS代码分离的技术，十分常用)特点：作用于整个网站嵌入方式-...
css基础知识（一）1、css样式：加载css样式有以下四种：1）、外部样式 2）、内部样式 3）、行内样式 4）、导入样式<link href="layout.css" rel="stylesheet" type="text/css" />这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。 <style> h2 { color:#f00;} </style>这种形式是内部样式表，它是以<style>和</style>结尾，写在源代码的...
一、Html和CSS的关系 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这...
前端基础1. CSS 81.1. CSS叫做层叠样式表，用来设置页面中元素的样式。背景颜色、字体颜色、字体大小。。。 81.2. CSS负责结构、表现、行为中的表现 81.3. 编写的位置 81.3.1. 1.内联样式 81.3.2. 2.内部样式表 81.3.3. 3.外部样式表 81.4. 基本语法 91.4.1. 选择器 91.4.2. 声明块 111.5. 元素之间的关系 121.5.1. 父元素 121.5.2. 子元素 121.5.3. 祖先元素 121.5.4. 后代元素 121.5.5. 兄弟元素 121.6. 块元素和内联元素 121.6....
第一章 CSS 的基本认识 关于 CSS 的概论 CSS 是【Cascading Style Sheets】的简称, 中文翻为【串接样式表】, 也有人只翻为【样式表】。CSS 用以作为网页的排版与风格设计,在所谓的【新式网页】里, CSS不容置疑是相当重要的一环。CSS 是以既有的基础，用以弥补既存 HTML 规格里的不足, 也让网页的设计更为灵活。 这份教学文见就要来为您介绍 CSS 的应用！ 在这边并不介绍 CSS 的所有规格，仅就您在网页写作上较常用到...
Q：HTML5是什么？为什么要用HTML5？有什么新特性？移除了哪些元素？HTML5是HTML的最新版本，2014年10月由万维网联盟（W3C）完成标准制定。目标是替换1999年制定的HTML4.01和XHTML1.0标准，以期望能在互联网应用迅速发展的时候，使网络标准达到匹配当代的网络需求。HTML5指的是包括HTML，CSS和Javascript在内的一套技术组合。它希望能够减少网页浏览器对基于插件的网络应用服务（Plug-in-Based Rich Internet Application,RIA），例...
CSS基础知识：1.CSS层叠样式表（Cascading Style Sheets）:解决内容与表现分离的问题。2. 层叠次序:（1）浏览器缺省设置；（2）外部样式表；（3）内部样式表（位于 <head> 标签内部）；（4）内联样式（在 HTML 元素内部）；即，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。3.CSS语法：CSS 规则由两个主...
管理静态文件项目中的CSS、图片、js都是静态文件配置静态文件在settings 文件中定义静态内容STATIC_URL = ‘/static/‘ STATICFILES_DIRS = [os.path.join(BASE_DIR, ‘static‘), ] 在项目根目录下创建static目录，再创建当前应用名称的目录mysite/static/myapp/ 在模板中可以使用硬编码/static/my_app/myexample.jpg 在模板中可以使用static编码{ % load static from staticfiles %} <img src="{ % static "my_app/myexample.jpg...
### html5新增标签> 作用：让结构一目了然 |标签|描述| |--|--| |header|头部区域| |footer|尾部区域| |nav|导航区域| |aside|侧边栏| |section|区分大模块等同div| |video|视频| |audio|音频| |articel|文章| |figure|配图| |figcaption|配图说明| |main|主体区域| ```<video src="dongbei.mp4" controls autoplay loop></video><audio src="horse.ogg" controls loop autoplay></audio> src="" 标签属性，视频、音频路径/地址...
定义：层叠样式表 (Cascading Style Sheets)主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等，设置文本和背景属性的能力，为任何元素创建边框及距离语言特点：易于修改、使用，将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。...