全部文章 (106篇) 排序: 默认 浏览量 更新时间
  • 原创 第15章 列表

    创建列表使用ol标签创建有序列表、ul标签创建无序列表使用li标签创建列表项 选择标记使用list-style-type为列表设置左侧的标记值:disc(实心圆点) 、circle(空心圆圈)、square(方块)、decimal(数字)、upper-alpha(大写字母)、lower-alpha(小写字母)、upper-roman(大写罗马数字)、lower-roman(小写罗马字母)none(无标记)继承的 使用图像作为标记先对列表标签(ul、ol)使用使用list-style :none;... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1709次
  • 原创 第14章 使用CSS进行增强

    为元素创建圆角 创建四个相同的圆角:这步可选,输入:-webkit-border-radius: r; ,r是圆角半径。输入:border-radius: r; r和第一步值相同(将鼠标放在图形上可以查看属性,下面的都可以) 创建一个圆角:这步可选,输入:-webkit-border-x-y-radius: r; x和y为方位,可以取top、bottom、left、right输入:border-x-y-radius: r; r和第一步值相同重复使用上面属性即可创建多个圆角。 创建椭圆圆角:这步可... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1684次
  • 原创 第13章 使用web字体

    (本章跳过了,暂无笔记)... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1889次
  • 原创 第12章 构建响应式网站

    概述所谓响应式网站就是:可以根据用户浏览器窗口大小自动调节布局的网站。自动适应不同的终端设备。 创建可伸缩元素对元素使用 max-width: nn值可以是%(相对于父元素的百分比), em, px等,表示图像的最大宽度是n... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1742次
  • 原创 第11章 用CSS进行布局

    盒模型css处理元素时,认为每个元素在一个不可见的盒子中,这个盒子由内容区域、内边距(padding)、边框(border)、外边距(margin)组成 默认情况下,css元素的 width=内容区域宽度, height同 可以设置:box-sizing: border-box; 从而使css元素的 width=内容区域宽度+内边距宽度+边框宽度, height同 下面的两个盒子的各属性都相同,不同的是显示方式 默认盒子超文本标记语言,标准通用标记语言下的一个应用。 设置box-sizing: ... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1876次
  • 原创 第10章 为文本添加样式

    设置字体系列属性:font-family 值:font-name1, font-name2, …, font-namen n>=1, font-name是字体名称,若浏览器无font-name1则使用font-name2,若无font-name2则使用font-name3,依次类推,若所有的都不存在使用默认字体。 继承的 设置斜体属性:font-style 值:italic(常用)、oblique、 normal(取消斜体) 继承的 设置粗体属性:font-weight 值:bold(一般... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1763次
  • 原创 第9章 定义选择器

    标签选择器直接指定标签名称进行选择 类选择器使用点”.”+和类名称进行选择 id选择器使用井号”#”+id名称进行选择 后代选择器使用空格选择后代标签 后代选择器对于祖先的所有后代都起作用,不论是第几代 子选择器使用”>”选择直接后代标签 子选择器只对于祖先的直接后代(第一代)起作用 同胞选择器使用加号”+”选择有同一祖先的后一个标签(他们之间没有其他标签) 普通同胞选择器使用”~”选择有同一祖先的出现在后面的标签(他们可以直接相邻也可以不直接相邻) 选择标签的第一个或者最后一个使用”:f... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1813次
  • 原创 第8章 操作样式表

    使用样式表的三种方式 链接到外部样式表使用link标签: <link rel="stylesheet" href="URL" /> URL是样式表的地址,可以使用绝对地址也可以使用相对地址link标签写在head标签中,link标签没有结束标签如果多个样式表规则对同一个标签定义,按出现顺序使用最后一个样式表 创建嵌入样式表使用style标签将样式代码包含即可,style标签要求写在head标签中使用style标签和使用外部标签的规则一样,出现顺序靠后优先级高 应用内联样式使用sty... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1773次
  • 原创 第7章 CSS构造块

    样式表构成样式表由一些规则构成,每条规则由:选择器(selector)和声明块(declaration block)两部分组成, 如: body>ul{ padding: 0; margin: 0; } 选择器决定哪些标签将使用这些规则 声明块由一些 属性-值 对构成,他们就是具体的样式规则 样式表文件中的注释 使用 /* 开始注释, */结束注释 继承标签的包含关系构成了标签之间的继承关系,这些继承关系会影响到css样式, 也就是说css样式也可以继承 样式的优先级当多... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1770次
  • 原创 第6章 链接

    链接 (a标签)使用a标签创建链接, href属性指定链接地址,使用属性target="_blank"使链接从新窗口打开。例子: <a href="https://www.baidu.com" target="_blank">百度首页</a> ... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1544次
  • 原创 第5章 图像

    img标签(图像)没有结束标签 src属性指定图像的URL地址 alt属性在图像加载未完成或者加载失败时显示文本 width和height属性指定图像显示的尺寸,不需要带单位(单位为px),但下载速度并不会改变 加快图片的加载速度:将图像尺寸变为两倍,但使用高压缩设置(就是选择低的图像质量)。这种策略可以使画质也不会太差 为网站添加图标方法一创建好图像命名为favicon.ico保存在网站的根目录下,ico文件可以在同一个文件夹包含不同尺寸的同名文件 网站图像尺寸最小为16x16,一般为16x1... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1489次
  • 原创 第4章 文本

    p标签(段落)用来添加一个段落。 small标签(细则旁注)用来包含免费声明、注解、署名等类型文本默认字体为稍小的字号 stong标签(加强)标记重要要文本,显示效果为粗体 em标签(强调)表示强调,显示效果为斜体em用于所有层次的强调,strong用于表示重要性另外显示效果上的,粗体可以用b标签,斜体用i标签,他们都没有语义 figure标签(创建图)图可以是图表、图片、图形、视频、代码片段等使用figcaption标签为图添加标题,一个figure中只能有一个figcaption,且只能出现... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1464次
  • 原创 第3章 基本HTML结构

    基本HTML结构<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>标题</title> </head> <body> <p>hello html</p> </body> </html> header标签(页眉)通常包含一些导航信息... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1592次
  • 原创 第2章 处理网页文件

    规划网站规划网站的方法: 选定网站类型确定页面结构,画出网站结构草图设计页面、图像、其他文件的命名规则 默认页面 服务器会根据文件名识别每个文件夹中的默认页面,会依次查找: "index.html"、"index.htm"、"default.htm" 这意味着你在浏览器地址栏输入 “www.luoluolzb.cn” 和 “www.luoluolzb.cn/index.html” 的效果一样 关于html文件html为纯文本文件,使用记事本就可以编写^_^,保存的时候注意使用utf-8格式保存... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1483次
  • 原创 第1章 网页的构造块

    基本hmtl页面结构基本的html页面由顶部(html说明)、头部(head)、主体组成(body)模板: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> 网页内容 </body> </html> 标... 阅读全文>>

    《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1399次