【css01】的更多相关文章

css-01

1.CSS:级联样式表,设置页面的样式 2.css基本的语法:     属性:值; 3.CSS的引入   |-1.元素内容的引入:内联样式       <元素名 style="属性:值;...." >标签体</元素名>   |-2.在head标签中通过:内部样式       <style type="text/css">         css的定义       </style> 4.CSS的选择器   |-元素选择器…

css01入门小例子

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <!--使用内部样式--> <style type="text/css"> * { margin: 0px; /*外边距*/ padding: 0px;/*内边距*/ } body { backg…

css01

  1.  常用属性:①color:文本颜色:②background-color:背景颜色:③font-size:文字大小: 2.  样式声明:①内部样式:style=“样式规则:”,写于作用标签内,优先级最高:②内联样式:<style>样式规则</style>,写于head标签内,优先级其次:③外联样式:<link rel=“stylesheet”href=“css文件url的”>,写于head标签内,优先级最低: 3.  错误提示:①Unknown property…

一天搞定CSS：初识css--01

1)CSS:层叠样式表(英文全称:Cascading Style Sheets) 是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化. CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力. 2)层叠样式表类型 分为:行间样式.内部样式.外部样式 代码演示: <!DOCTYPE html>…

CSS-01 CSS代码标准和规范

一:代码规范 1.所有的书写都是在英文半角下进行 2.统一用table键进行缩进 3.属性值必须带引号(单引和双引都可以) 4.p,dt,h标签里不能嵌套块属性标签 5.a标签不能嵌套a 二:文件命名 1.文件命名只能由英文小写字母a-z,数字0-9或间隔符-组成 2.文件名中禁止包含特殊符号,包括空格和$等等 3.文件名使用英文名词或英文简写命名 三:HTML和CSS的变量命名 1. 命名需要是具备语义性的单词,不能用数字,拼音,符号随意写 正确示范 : wrap description ti…

初始CSS01

CSS基础知识 CSS介绍 CSS全称为层叠样式表,与HTML相辅相成,实现网页的排版布局与样式美化. 使用方式 根据样式表在页面中呈现的方式不同,可以通过以下三种方式在页面中使用格式 内联样式 改样式用于某个元素属性中,借助于style标签属性,为当前的标签添加样式声明,格式如下: <标签名 style="样式声明"> 样式声明:由CSS属性和值组成 style="属性:值;属性:值;" 常用CSS属性: color:red;   字体颜色设置 bac…

css_03之文本、浮动

1.字体属性:①字体格式:font-family:取值:“microsoft yahei”/Arial……:②字体大小:font-size:取值:pt/px:③字体加粗:font-weight:取值:normal(默认值)/bold(粗体,hn,b,strong的默认值)/400-900:④字体样式:font-style:取值:italic(斜体):⑤小型大写字母:font-variant:small-caps:⑥字体属性综合:font:取值:style variant weight size…

css2基础知识梳理

基础的css知识,只放XMind的截图. css01 css02 css03 css04 css05 css+div布局是前端的基本功,要多多练习.运用标准流.浮动.定位.层级等,做简单的静态页面.一定多多练习,提高代码熟练度,和布局分析能力. 小项目练习,要清晰每一步的做法,比如先让元素实例化,然后去填充内容. 对于一些零碎的css+div,多看看笔记. [转 via.wang]布局中所遵循的规范或是通例 一般是遵循从上到下,从左到右的一个顺序.从页面的稳定性上来说,优先考虑使用标准流,其次考…

document.styleSheets[0]是个啥

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/css.css" /> <style> .css01{ background-image: url(img/01.png); } </style…

epub3 in action: epub3文件格式简介

epub3文件就是一个符合epub3标准,以epub为扩展名的zip压缩文件.epub3标准则是基于html5.css3.svg等web标准以及mathML等来展示内容.下图就是一个简单epub3文件的大致结构.      epub3规范使用OCF(open container format)标准规定的文件结构,根目录当中必须有一个mimetype文件和一个META-INF文件夹.其中,mimetype文件中只有一个行内容application/epub+zip,而META-INF中存放的则是表…

初始CSS3

初始CSS31.1.什么是CSSCSS全程为层叠样式表(Cascading Style Sheet),通常又称为风格样式表(Style Sheet)它是用来进行网页风格设计的.1.CSS在网页中的应用通过设立样式表,可以统一的控制HTML中各标签的显示属性,如设置字体的颜色.大小.样式等,使用CSS还可以设置文本居中显示.文本域图片的对齐方式.超链接的不同效果等,这样层叠样式表可以更有效的控制网页外观.1.3.CSS的发展史 CSS1 作为一项W3C推荐,CSS1发布于 1996年12月17 日…

CSS02--四种样式、背景、文本、链接状态、表格样式

接上面的“CSS01”,我们接着来说一下样式.很多人不知道的是一个HTML元素有四种样式,分别是浏览器默认样式.外部样式.内部样式.内联样式,而它们的优先级是越来越高的,后面的样式会覆盖前面的样式.多个样式可以层叠为一. 1.外部样式表:    <link rel="stylesheet" type="text/css" href="mystyle.css" />    2.内部样式表:    <style type="…

css基础知识一

1.CSS (Cascding Style Sheet)层叠样式表 级联样式表 样式表 2.CSS作用: 修改页面中元素的显示样式 能够实现内容与表现的分离 提高代码的可重用性和可维护性 3.导入CSS的方式 在HTML里直接写<h1 style="属性:值;属性:值"> 在<style>里面写法 选择器{属性:值;} 在外部创建<link rel="stylesheet" type="text/css" href=…

测开之路九十：css的引用方式

第一种:内联,直接在标签里面加style属性,优先级别最高,但是不利于维护 第二种:页面嵌入,在head标签里面写一个style标签,以类选择器的形式写入,优先级别第二 第三种:外联,样式表链接,单独写一个css文件,在html的head里面用link标签引用 css /* 定义body的背景色为紫色 */body{ background: blueviolet;} html <!DOCTYPE html><html lang="en"><head>…

HTML图片

HTML图片 html图片 <img>标签可以在网页上插入一张图片,它是独立使用的标签,通过“src”属性定义图片的地址,通过“alt”属性定义图片加载失败时显示的文字,以及对搜索引擎和盲人读屏软件的支持. <img src="images/pic.jpg" alt="产品图片" /> 绝对路径和相对路径 像网页上插入图片这种外部文件,需要定义文件的引用地址,引用外部文件还包括引用外部样式表,javascript等等,引用地址分为绝对地址和相…

CSS部分样式知识

css文件 /* 注释内容 */ /* 选择器,其中body就是一个选择器,表示选中个body这个标签 声明块:为选择器设置样式 { 样式名: 样式值; } */ body{ background-color: aquamarine; } /* 元素选择器:根据标签来选中指定的元素 ,例如 body{},p{},div{}*/ p{ color: blue; } /* id选择器,根据元素的id属性值选中一个元素,语法#id属性值{},例如 #box{} */ #box{ height: 100…