盒子模型 盒子 盒子关系(标准文档流) 行内元素:只可以设置左右外边距,上下内边距会影响相邻的元素 块状元素:两个垂直的margin会合并,大的margin起作用(margin塌陷 ) 元素嵌套的时候,设置在子元素上的margin会被父元素抢走,解决方案:设置父元素border或者父元素overfl ...
分类:
Web程序 时间:
2017-07-31 01:03:09
阅读次数:
178
十二、HTML5标记 现代HTML html5新增的元素:header nav footer aside section article time 这些新增元素使页面结构更清晰,取代<div id="header">这些。 还有,mark:突出显示文本。audio:插入音频。progress:显示进 ...
分类:
Web程序 时间:
2017-07-28 20:55:30
阅读次数:
177
九、盒模型 与元素亲密接触 1、盒模型 css将每个元素都看做一个盒子,包括以下属性: 内容区content area:包含内容,内容可以决定大小,也可以自行设定宽度和高度。元素的width属性指定的就是内容区宽度,可以按像素指定也可以按百分比相对于元素所在容器如body div 的大小来指定。 内 ...
分类:
Web程序 时间:
2017-07-28 14:11:03
阅读次数:
161
css层叠样式表 css的使用方式 在元素的style属性内 行内式 内联式 写在<style>标签内 写在外部css文件中,用<link>关联到html中 @import可以引入css,用于css中引入css css的格式 选择器{ 属性:值; 属性:值; } css的长度单位 px 像素 em ...
分类:
Web程序 时间:
2017-07-26 23:34:44
阅读次数:
190
一。What? CSS的全称是CascadingStyle Sheet,汉语意思是“级联样式表”。通常又称为“风格样式表(StyleSheet)”。它是用来进行网页风格设计的。 比如,在网页的设计中,在HTML页中仅仅增加网页内容,而将网页样式(比如,大到网页的布局结构。小到字体大小等)放在别处,实 ...
分类:
Web程序 时间:
2017-07-21 00:05:18
阅读次数:
179
说明:本文属于笼统的总结css入门的知识点,当中需要深入的知识点,我会继续学习并总结; css的引入: l 使用HTML标签style : <style> </style>; l 使用link标签,引入外部css文件 : <link rel=’stylesheet’ href=”./XX.css”> ...
分类:
Web程序 时间:
2017-07-01 22:36:08
阅读次数:
200
说明:本文属于笼统的总结css入门的知识点,当中需要深入的知识点,我会继续学习并总结; css的引入: l 使用HTML标签style : <style> </style>; l 使用link标签,引入外部css文件 : <link rel=’stylesheet’ href=”./XX.css”> ...
分类:
Web程序 时间:
2017-06-30 13:51:10
阅读次数:
170
1 CSS入门 1.1 引入 html:负责网页的结构 css: 负责网页的美观(样式) 1.2 体验 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/h ...
分类:
Web程序 时间:
2017-06-22 18:43:18
阅读次数:
218
CSS的基本语法 CSS语言由选择符和属性构成,样式表的基本语法如下: CSS选择符{属性1:属性值1;属性2:属性值2;……} 通过修改样式,可以自动快速地更新所有采用该样式的文字格式。 当用户需要管理一个非常大的网站时,使用CSS样式定义站点,可以体现出非常明显的优越性。 ...
分类:
Web程序 时间:
2017-05-29 22:19:00
阅读次数:
149
内容简介 《HTML5与CSS3基础教程(第8版)》自第1版至今,一直是讲解HTML和CSS入门知识的经典畅销书,全面系统地阐述HTML5和CSS3基础知识以及实际运用技术,通过大量实例深入浅出地分析了网页制作的方方面面。全新第8版不仅介绍了文本、图像、链接、列表、表格、表单等网页元素,还介绍了如何 ...
分类:
Web程序 时间:
2017-05-29 18:23:03
阅读次数:
225