html和css学习总结
html和css期末总结

html和css期末总结在过去的一个学期里,我学习并使用了HTML和CSS这两门技术,对于网页设计和开发有了更深入的了解和掌握。
本文将对我在学习HTML和CSS过程中的经验和收获进行总结。
首先,HTML是一种标记语言,用于描述网页的结构和内容。
在学习HTML的过程中,我了解了HTML的基本语法和标签的用法。
通过使用不同的HTML标签,我可以创建标题、段落、超链接、图像等网页元素。
此外,我还学习了HTML表单的设计和处理,以及如何在网页中嵌入音频和视频。
在实践中,我发现使用语义化的HTML标签可以提高网页的可读性和可访问性。
通过使用合适的标签,可以向搜索引擎和屏幕阅读器提供更好的信息,使网页更易于被理解和使用。
我也学会了使用HTML5的一些新特性,如新的表单元素、多媒体标签和语义化标签,以提升网页的功能和用户体验。
另一方面,CSS是一种样式表语言,用于控制网页的外观和布局。
在学习CSS的过程中,我了解了CSS的基本语法和选择器的用法。
通过定义不同的样式规则,我可以改变网页元素的外观,如字体、颜色、边框和背景等。
我还学习了CSS的盒模型和布局技术,以调整和控制网页的版面和结构。
在应用CSS样式时,我发现使用外部样式表可以提高代码的可维护性和重用性。
通过将CSS代码独立于HTML文档,我可以在多个网页中共享同一套样式规则,从而节省了代码量并简化了网页维护的工作。
我也学会了使用CSS预处理器,如Sass和Less,以提高CSS代码的编写效率和可读性。
除了基本的HTML和CSS知识外,我还学习了一些与网页开发相关的技术和工具。
比如,我学习了响应式网页设计的原理和实现方法,以确保网页在不同设备和屏幕尺寸下的良好展示。
我还学习了网页性能优化的技巧和工具,以提高网页加载速度和用户体验。
在学习和应用HTML和CSS的过程中,我发现实践是最好的学习方式。
通过完成一些小型的项目和练习,我能够将理论知识转化为实际能力。
html,css学习实践总结

html,css学习实践总结⽹页的布局⽅式1.什么是⽹页的布局⽅式?⽹页的布局⽅式其实就是指浏览器是如何对⽹页中的元素进⾏排版的1.标准流(⽂档流/普通流)排版⽅式1.1其实浏览器默认的排版⽅式就是标准流的排版⽅式1.2在CSS中将元素分为三类, 分别是块级元素/⾏内元素/⾏内块级元素1.3 在标准流中有两种排版⽅式, ⼀种是垂直排版, ⼀种是⽔平排版垂直排版, 如果元素是块级元素, 那么就会垂直排版⽔平排版, 如果元素是⾏内元素/⾏内块级元素, 那么就会⽔平排版2.浮动流排版⽅式2.1浮动流是⼀种"半脱离标准流"的排版⽅式2.2浮动流只有⼀种排版⽅式, 就是⽔平排版. 它只能设置某个元素左对齐或者右对齐注意点:1.浮动流中没有居中对齐, 也就是没有center这个取值2.在浮动流中是不可以使⽤margin: 0 auto;特点:1.在浮动流中是不区分块级元素/⾏内元素/⾏内块级元素的⽆论是级元素/⾏内元素/⾏内块级元素都可以⽔平排版2.在浮动流中⽆论是块级元素/⾏内元素/⾏内块级元素都可以设置宽⾼3.综上所述, 浮动流中的元素和标准流中的⾏内块级元素很像3.定位流排版⽅式浮动元素的脱标1.什么是浮动元素的脱标?脱标: 脱离标准流当某⼀个元素浮动之后, 那么这个元素看上去就像被从标准流中删除了⼀样, 这个就是浮动元素的脱标2.浮动元素脱标之后会有什么影响?如果前⾯⼀个元素浮动了, ⽽后⾯⼀个元素没有浮动 , 那么这个时候前⾯⼀个元就会盖住后⾯⼀个元素浮动元素的排序规则1.浮动元素排序规则1.1相同⽅向上的浮动元素, 先浮动的元素会显⽰在前⾯, 后浮动的元素会显⽰在后⾯1.2不同⽅向上的浮动元素, 左浮动会找左浮动, 右浮动会找右浮动1.3浮动元素浮动之后的位置, 由浮动元素浮动之前在标准流中的位置来确定浮动元素贴靠现象1.什么是浮动元素贴靠现象?1.如果⽗元素的宽度能够显⽰所有浮动元素, 那么浮动的元素会并排显⽰2.如果⽗元素的宽度不能显⽰所有浮动元素, 那么会从最后⼀个元开始往前贴靠3.如果贴靠了前⾯所有浮动元素之后都不能显⽰, 最终会贴靠到⽗元素的左边或者右边浮动元素字围现象1.什么是浮动元素字围现象?浮动元素不会挡住没有浮动元素中的⽂字, 没有浮动的⽂字会⾃动给浮动的元素让位置,这个就是浮动元素字围现象1.企业开发中什么时候使⽤标准流什么时候使⽤浮动流?垂直⽅向使⽤标准流, ⽔平⽅向使⽤浮动流2.拿到⼀个很复杂的界⾯如何⼊⼿?2.1从上⾄下布局2.2从外向内布局2.3⽔平⽅向可以先划分为⼀左⼀右再对左边或者右边进⾏进⼀步布局浮动元素⾼度问题1.在标准流中内容的⾼度可以撑起⽗元素的⾼度2.在浮动流中浮动的元素是不可以撑起⽗元素的⾼度的清除浮动定义⼀个类.clear:after{display: block;content: '';clear: both;}1.清除浮动的第⼀种⽅式给前⾯⼀个⽗元素设置⾼度注意点:在企业开发中, 我们能不写⾼度就不写⾼度, 所以这种⽅式⽤得很少1.清除浮动的第⼆种⽅式给后⾯的盒⼦添加clear属性clear属性取值:none: 默认取值, 按照浮动元素的排序规则来排序(左浮动找左浮动, 右浮动找右浮动)left: 不要找前⾯的左浮动元素right: 不要找前⾯的右浮动元素both: 不要找前⾯的左浮动元素和右浮动元素注意点:当我们给某个元素添加clear属性之后, 那么这个属性的margin属性就会失效1.清除浮动的第三种⽅式隔墙法2.外墙法2.1在两个盒⼦中间添加⼀个额外的块级元素2.2给这个额外添加的块级元素设置clear: both;属性注意点:外墙法它可以让第⼆个盒⼦使⽤margin-top属性外墙法不可以让第⼀个盒⼦使⽤margin-bottom属性3.内墙法3.1在第⼀个盒⼦中所有⼦元素最后添加⼀个额外的块级元素3.2给这个额外添加的块级元素设置clear: both;属性注意点:内墙法它可以让第⼆个盒⼦使⽤margin-top属性内墙法它可以让第⼀个盒⼦使⽤margin-bottom属性4.外墙法和内墙法区别?外墙法不能撑起第⼀个盒⼦的⾼度, ⽽内墙法可以撑起第⼀个盒⼦的⾼度5.在企业开发中不常⽤隔墙法来清除浮动伪元素选择器1.什么是伪元素选择器?伪元素选择器作⽤就是给指定标签的内容前⾯添加⼀个⼦元素或者给指定标签的内容后⾯添加⼀个⼦元素2.格式:标签名称::before{属性名称:值;}给指定标签的内容前⾯添加⼀个⼦元素标签名称::after{属性名称:值;}给指定标签的内容后⾯添加⼀个⼦元素1.清除浮动的第四种⽅式利⽤伪元素选择器清除浮动本质上就是内墙法, 只不过是直接通过CSS代码添加了内墙, 其它特性和内墙法都⼀样注意点:IE6中不⽀持这种⽅式, 为了兼容IE6必须给前⾯的盒⼦添加*zoom:1;属性清除浮动⽅式五1.overflow: hidden;作⽤1.1可以将超出标签范围的内容裁剪掉1.2清除浮动1.3可以通过overflow: hidden;让⾥⾯的盒⼦设置margin-top之后, 外⾯的盒⼦不被顶下来定位流定位流1.定位流分类1.1相对定位1.2绝对定位1.3固定定位1.4静态定位2.什么是相对定位?相对定位就是相对于⾃⼰以前在标准流中的位置来移动3.相对定位注意点3.1相对定位是不脱离标准流的, 会继续在标准流中占⽤⼀份空间3.2在相对定位中同⼀个⽅向上的定位属性只能使⽤⼀个3.3由于相对定位是不脱离标准流的, 所以在相对定位中是区分块级元素/⾏内元素/⾏内块级元素3.4由于相对定位是不脱离标准流的, 并且相对定位的元素会占⽤标准流中的位置, 所以当给相对定位的元素设置margin/padding等属性的时会影响到标准流的布局4.相对定位应⽤场景4.1⽤于对元素进⾏微调4.2配合后⾯学习的绝对定位来使⽤定位流-绝对定位1.什么是绝对定位?绝对定位就是相对于body来定位2.绝对定位注意点2.1绝对定位的元素是脱离标准流的2.2绝对定位的元素是不区分块级元素/⾏内元素/⾏内块级元素绝对定位-参考点1.规律1.默认情况下所有的绝对定位的元素, ⽆论有没有祖先元素, 都会以body作为参考点2.如果⼀个绝对定位的元素有祖先元素, 并且祖先元素也是定位流, 那么这个绝对定位的元素就会以定位流的那个祖先元素作为参考点2.1只要是这个绝对定位元素的祖先元素都可以2.2指的定位流是指绝对定位/相对定位/固定定位2.3定位流中只有静态定位不⾏3.如果⼀个绝对定位的元素有祖先元素, 并且祖先元素也是定位流, ⽽且祖先元素中有多个元素都是定位流, 那么这个绝对定位的元素会以离它最近的那个定位流的祖先元素为参考点绝对定位-注意点1.如果⼀个绝对定位的元素是以body作为参考点, 那么其实是以⽹页⾸屏的宽度和⾼度作为参考点, ⽽不是以整个⽹页的宽度和⾼度作为参考点2.⼀个绝对定位的元素会忽略祖先元素的padding绝对定位-⼦绝⽗相相对定位弊端:相对定位不会脱离标准流, 会继续在标准流中占⽤⼀份空间, 所以不利于布局界⾯绝对定位弊端:默认情况下绝对定位的元素会以body作为参考点, 所以会随着浏览器的宽度⾼度的变化⽽变化⼦绝⽗相⼦元素⽤绝对定位, ⽗元素⽤相对定位绝对定位-⽔平居中1.如何让绝对定位的元素⽔平居中只需要设置绝对定位元素的left:50%;然后再设置绝对定位元素的 margin-left: -元素宽度的⼀半px;定位流-固定定位1.什么是固定定位?固定定位和前⾯学习的背景关联⽅式很像, 背景定位可以让背景图⽚不随着滚动条的滚动⽽滚动, ⽽固定定位可以让某个盒⼦不随着滚动条的滚动⽽滚动注意点:1.固定定位的元素是脱离标准流的, 不会占⽤标准流中的空间2.固定定位和绝对定位⼀样不区分⾏内/块级/⾏内块级3.IE6不⽀持固定定位定位流-z-index属性1.什么是z-index属性?默认情况下所有的元素都有⼀个默认的z-index属性, 取值是0.z-index属性的作⽤是专门⽤于控制定位流元素的覆盖关系的1.默认情况下定位流的元素会盖住标准流的元素2.默认情况下定位流的元素后⾯编写的会盖住前⾯编写的3.如果定位流的元素设置了z-index属性, 那么谁的z-index属性⽐较⼤, 谁就会显⽰在上⾯注意点:1.从⽗现象1.1如果两个元素的⽗元素都没有设置z-index属性, 那么谁的z-index属性⽐较⼤谁就显⽰在上⾯1.2如果两个元素的⽗元素设置了z-index属性, 那么⼦元素的z-index属性就会失效, 也就是说谁的⽗元素的z-index属性⽐较⼤谁就会显⽰在上⾯。
html实训报告总结

html实训报告总结在进行HTML实训后的这段时间里,我对HTML语言的理解和应用能力有了明显的提升。
通过本次实训,我不仅加深了对HTML的认识,还学会了如何使用HTML构建网页。
下面是我对这次实训的总结与反思。
一、实训内容本次实训主要涉及HTML的基本语法和标签的使用,通过实际操作来学习和掌握HTML的各种元素和属性。
具体而言,实训内容包括以下几个方面:1. HTML基础知识的学习:包括HTML的概念、发展历史、标签的分类和语法规则等。
通过理论学习,我对HTML的基本概念和语法有了初步的了解。
2. HTML标签的运用:学习了常用的HTML标签,如标题标签、段落标签、列表标签、链接标签等,并掌握了它们的使用方法和属性。
3. CSS样式的应用:学习了CSS的基本概念和语法,了解了如何使用CSS为HTML页面添加样式和布局,使网页更加美观和易读。
4. 图片和超链接的插入:学习了如何在HTML中插入图片和超链接,使网页具有更丰富的内容和功能。
二、实训收获通过本次实训,我获益良多。
首先,我对HTML的基本概念和语法有了更深入的理解。
以往我对HTML只是懵懵懂懂地知道它是一种标记语言,但通过实际操作,我对HTML的作用和使用方法有了清晰的认识。
其次,我学会了如何使用HTML构建网页。
在实训中,我从最简单的网页开始,逐步添加各种标签和内容,最终完成了一个相对完整的网页。
这个过程使我对HTML的应用能力有了很大的提升。
此外,我还了解了CSS样式的运用。
通过实际操作,我学会了如何使用CSS为网页添加样式,如改变字体、颜色、背景等,使网页更加美观和易读。
三、实训不足尽管本次实训获得了很多收获,但也存在一些不足之处。
首先,由于时间有限,实训的内容相对较为简单,还未涉及到一些高级的HTML技术和新的标准。
这对于我进一步提升HTML的应用能力和学习其他相关技术带来了一定的困难。
其次,实训中缺乏实际案例或项目实战的训练,使得我对于实际网页的构建和应用还没有全面的了解和掌握。
web前端考试知识点总结

web前端考试知识点总结一、HTML知识点总结1. HTML基础知识- HTML的基本结构- HTML的常用标签- HTML的元数据标签- HTML的列表、表格、表单等相关标签2. HTML5新增的语义化标签- header、footer、nav、article、section、aside等3. HTML5新增的表单元素- input的各种类型- 新增的表单元素如datalist、keygen等4. HTML5新增的媒体元素- video、audio等5. HTML5新增的API- 本地存储、离线应用、地理定位等二、CSS知识点总结1. CSS基础知识- CSS的语法- CSS的选择器- CSS的样式属性2. CSS布局- 盒模型- 浮动- 定位- 弹性盒子布局- 栅格布局3. CSS3新增的样式- 边框、背景、文字、渐变、阴影等效果 - 过渡、变换、动画等4. 响应式设计- 媒体查询- 移动优先5. CSS预处理器- SASS、LESS等三、JavaScript知识点总结1. JavaScript基础知识- 数据类型- 运算符- 流程控制语句2. JavaScript函数- 函数的定义- 作用域- 闭包- 高阶函数3. JavaScript对象- 对象的创建- 原型链- 对象的继承4. DOM操作- 节点的增删改查- 事件处理5. AJAX与跨域- XMLHttpRequest对象- 跨域访问的解决方案6. ES6知识点- let、const- 箭头函数- 解构赋值- 模板字符串- Promise等四、Web前端知识点总结1. 前端框架- Vue.js、React、Angular等- 每个框架的基本原理和使用方法2. 前端工程工具- Webpack、Gulp、Grunt等- 理解构建工具的作用和配置3. 前端性能优化- 页面加载速度优化- 代码性能优化4. 前端安全- XSS、CSRF、点击劫持等- 前端安全常见问题和解决方案5. 前端测试- 单元测试- UI测试6. 前端工程化- 模块化开发- 前端构建流程综上所述,Web前端技术知识点之多之杂,要想在考试中取得好成绩,需要对各种知识点进行深入理解和掌握。
关于html5 css3基础实践课程的总结

关于HTML5 CSS3基础实践课程的总结一、课程简介HTML5与CSS3是目前Web前端开发中必不可少的两大技术,HTML5作为标记语言用于构建网页结构,CSS3则是用于美化页面样式的样式表语言。
熟练掌握HTML5与CSS3对于Web前端开发者来说至关重要。
本基础实践课程旨在帮助学员全面了解HTML5与CSS3的基本知识和实践操作,通过课程学习,学员可以掌握HTML5与CSS3的基础用法,能够独立完成简单网页的制作。
二、课程目标本课程通过理论学习和实践操作相结合的方式,旨在帮助学员达到以下目标:1. 了解HTML5与CSS3的基本语法和特性;2. 掌握HTML5语义化标签的使用方法;3. 掌握CSS3的选择器、盒模型、布局等基本概念;4. 能够运用HTML5与CSS3制作简单的网页;5. 具备自学能力,能够继续深入学习Web前端开发相关知识。
三、课程内容和教学安排1. HTML5基础知识讲解课程首先对HTML5的基本语法、常见标签及其用法进行介绍,包括文本标签、信息标签、图片标签等。
然后针对HTML5的语义化标签进行详细讲解,例如<header>、<footer>、<nav>等,引导学员了解并掌握语义化标签的使用方法。
2. CSS3基础知识讲解在HTML5基础知识掌握的基础上,课程进一步介绍了CSS3的基本概念,包括选择器、盒模型、布局等内容。
通过实际例子演示,帮助学员理解和掌握CSS3的基本用法。
3. 实践操作课程安排了大量实践操作环节,学员将通过实际操作来巩固所学的知识。
实践操作包括使用HTML5和CSS3制作简单的网页,如个人简历页面、产品介绍页面等。
教师将在实践操作中给予学员指导和帮助,确保学员能够熟练应用所学知识。
4. 综合练习和作业为了检验学员的学习成果,课程设置了综合练习和作业环节。
通过综合练习和作业,学员需要独立完成制作一个简单网页的任务,并提交给教师进行评审。
网页设计期末知识点总结

网页设计期末知识点总结一、HTML基础知识1. HTML是什么,它的作用和用途2. HTML元素的基本语法和结构3. HTML标签的分类和用法4. HTML实体字符的表示和使用5. HTML的注释和注释的写法6. HTML文档的基本结构和布局7. HTML中常用的元素和属性二、CSS基础知识1. CSS是什么,它的作用和用途2. CSS的基本语法和结构3. CSS的选择器和选择器的种类4. CSS的样式和样式的应用5. CSS的盒模型和盒模型的属性6. CSS的浮动和定位7. CSS的布局和布局的种类8. CSS的颜色和背景9. CSS的文本和字体10. CSS的边框和边框的样式11. CSS的过渡和动画12. CSS的响应式设计三、JavaScript基础知识1. JavaScript是什么,它的作用和用途2. JavaScript的基本语法和结构3. JavaScript的变量和数据类型4. JavaScript的运算符和表达式5. JavaScript的流程控制和条件语句6. JavaScript的数组和对象7. JavaScript的函数和作用域8. JavaScript的事件和事件的处理9. JavaScript的DOM操作和DOM的结构10. JavaScript的定时器和动画四、响应式设计1. 什么是响应式设计,它的作用和用途2. 响应式设计的基本原理和实现方式3. 媒体查询和媒体查询的语法4. 移动端设计和移动端适配5. 响应式图片和响应式视频五、网页优化1. 什么是网页优化,它的作用和用途2. 网页加载速度的优化和优化的方法3. 图片和视频的优化和优化的技巧4. 脚本和样式的加载优化和优化的策略六、网页安全1. 网页安全的基本概念和作用2. XSS攻击和防范3. CSRF攻击和防范4. SQL注入和防范5. 网络劫持和防范以上就是网页设计期末考试的基本知识点总结,希望对大家有所帮助。
html和css学习总结及心得体会

▪ Pt:绝对长度单位。点(Point)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
▪ Pc:绝对长度单位。派卡(Pica) ▪ In:绝对长度单位。英寸(Inch)
CSS文字样式设置:
▪ 插入外部样式表: ▪ <head> ▪ <link rel=“stylesheet” type=“text/css” href=“mystyle.css" /> ▪ </head> ▪ mystyle,.css是我们自己写的CSS文件 ▪ 插入内部样式表:例如: ▪ <head> ▪ <style type="text/css"> ▪ hr {color: sienna;} ▪ p {margin-left: 20px;} ▪ body {background-image: url("images/back40.gif");} ▪ </style> ▪ </head>
面 ,也就是说数值大的会覆盖数值小的层
属性的详细解释
▪ 背景属性:background-color:black 背景颜色
background-image : url(image/bg.gif) 背景图片 background-repeat : no-repeat 不重复排列 repeat-x 在x轴重复排列 repeat-y 在y轴重复排列 background-position : 背景图片x与y轴的位置
具体数值
▪ 边框
border-top : 上框 后面值可以为:1px solid black 同理可以设置 border-bottom : 下框 border-left : 左框 border-right : 右框 border: 1px solid #6699cc 是同时设置四边框
网页设计实训课程学习总结HTML与CSS技术应用

网页设计实训课程学习总结HTML与CSS技术应用在经历了一学期的网页设计实训课程学习后,我对HTML与CSS 技术的应用有了更深入的了解。
通过这门课程,我不仅学到了网页设计的基本原理和技巧,还掌握了如何使用HTML与CSS来实现各种网页效果。
在这篇文章中,我将总结我在学习HTML与CSS技术应用过程中的一些心得体会。
首先,HTML是构建网页结构的基础语言。
通过HTML标签的嵌套和属性的设置,我们可以将一个网页划分为不同的部分,从而实现页面的布局和结构。
在实际操作过程中,我学会了如何使用HTML标签来创建标题、段落、超链接、图像等元素,并且能够合理地运用这些标签进行网页内容的编写。
同时,我还了解到HTML5的一些新特性,比如音频视频标签、Canvas绘图功能等,这些都为我们设计更加丰富多样的网页提供了更多的可能性。
其次,CSS是实现网页样式的技术。
通过CSS的样式定义,我们可以控制网页元素的颜色、字体、大小、间距等效果,从而使网页更具吸引力和可读性。
在实践操作中,我学会了如何使用CSS选择器选中特定的HTML元素,并且能够为这些元素设置不同的样式。
我也学会了如何使用CSS的盒模型来控制元素的布局和定位,以及如何使用CSS的浮动和居中技术来实现网页布局的灵活性。
在学习HTML与CSS技术应用的过程中,我也遇到了一些挑战和问题。
首先是语法的熟悉和记忆。
HTML与CSS都有自己的语法规则和标签属性,有时候我会忘记某个标签或属性的写法,需要不断地查阅文档才能解决。
其次是样式效果的调试。
有时候我会设置了一些样式效果,但是在网页显示上并没有达到我想要的效果,这时候就需要通过调试和修改代码来解决问题。
最后是浏览器的兼容性。
不同的浏览器对HTML与CSS的解析方式有所差异,导致同样的代码在不同浏览器上显示效果可能不同,需要我们进行适当的兼容性处理。
通过这门实训课程,我不仅学到了HTML与CSS技术的应用技巧,还培养了自我学习和解决问题的能力。
html网页设计实训心得

html网页设计实训心得html网页设计实训心得「篇一」利用假期和休息时间,初步学习了有关html+css的知识,感触颇多。
做网站原来一直处于一种茫然的状态,边学边做,边实践边维护,每每遇到问题了,便会花费很大的精力去解决,在解决问题的过程中也慢慢提高,但工作有时相当的吃力。
通过一段时间详细的接触到html+css,从基础知识补起,利用空闲时间看书及有关div+css“布局入门教程”,它通过举一个例子,然后让你上机测试效果,让我有对样式表CSS有一个初步的印象,知道了CSS能做什么。
我觉得这份教程很有条理,由浅入深,一步一步引领你向前走,让你明白他们在说什么。
在些之前,我是从未接触过div+css的,甚至连dreamwear、photoshop的工具也都是皮毛。
我的学习思路是这样的:一、先写HTML还是先写CSS?对于一个新手而言,在有了一点html知识之后,对于CSS、DIV都感觉特别的疑惑,不知道这其中到底是什么联系?为什么用了CSS的网页不能像其它代码一样直观?html和css哪个先写?其实这些问题在我看完教程,但还没真正上手实践时的疑惑!等真正上手自己做时,我才发现应该两者同时写!二、把站点建好,目录建好,比如建好文件夹css,images,这两个是最其本的,然后新建一个.html空文件,一个.css空样式表,把.css外部样式表连接到.html这个文件上,链接写在中。
三、写HTML中的最基本的布局部分,都是用DIV,然后直接在DIV里加入ID 或CLASS,这些布局部分包括外套部分,头部分,中间部分,左,中,右,版权部分等。
四、到样式表中写各个布局层的样式。
五、写一段代码后就进行浏览器的测试,同时用IE6与FF一起测试。
在浏览器中调试,调试时发现许多之前没有预料的问题,如浏览器的兼容问题、浮动的问题等。
六、不断的找出问题、理解怎么出错的,不断的再测试!这样的学习和研究过程,让我体验到了许多次的付出与回报的乐趣,如:第一:阅读一本书,一般来说我第一次要先把整个书通读一遍,不理解的也要往下看,因为在往下看的过程中也许会找到那个问题的答案,等看完后我会有一个大概的印象,但一定会有很多不明白的地方,没关系,继续往下看。
html实训报告总结

html实训报告总结HTML实训是一门培养学生网页开发技能的实践课程。
通过本次实训,我们学习了HTML的基本语法和标签,并运用所学知识完成了一系列网页开发任务。
在本文中,我将总结我在实训中的学习收获和实践经验。
一、学习收获1. 掌握HTML的基本语法和标签:在实训过程中,我们通过实际操作学习了HTML的基本语法和常用标签,包括文本标签、图像标签、链接标签、表格标签等。
通过不断练习和实践,我对HTML的语法和各种标签的使用有了更深入的理解。
2. 理解网页结构和布局:HTML是网页的基础,通过实训,我学会了如何使用HTML标签来构建网页的基本结构和布局。
掌握网页结构和布局对于设计美观、易于浏览的网页至关重要。
3. 熟悉常用CSS样式:在实训中,我们也学习了CSS样式表的基本语法和常用样式属性。
通过将CSS样式应用于HTML标签,我们可以实现网页的样式美化和排版优化。
掌握CSS样式的使用可以提升网页的可读性和用户体验。
4. 实践项目开发:除了学习HTML和CSS的理论知识,我们还通过实际项目开发提升了实际操作能力。
在实训过程中,我们从零开始设计并开发了多个网页项目,包括简历页面、新闻网页、商城页面等。
通过实践,我们不仅巩固了所学的知识,还提升了实际项目开发的能力和经验。
二、实践经验1. 规划网页结构:在进行网页开发之前,合理规划网页的结构和布局非常重要。
我们应该先思考清楚网页的整体框架,包括主题内容、导航栏、侧边栏等元素的安排。
这样可以更好地组织和呈现网页的内容,提升用户体验。
2. 简洁明了的代码:编写规范、简洁明了的HTML代码可以提高代码的可读性,方便后期维护和修改。
在编写代码时,我们应该注重代码的缩进和格式化,使用恰当的标记和注释,让代码更加清晰易懂。
3. 运用CSS样式进行美化:在实践项目开发过程中,我们应该灵活运用CSS样式来美化网页。
通过调整字体、颜色、背景等样式属性,我们可以使网页更加美观舒适,提升用户体验。
html和css学习心得.doc

html和css学习心得【心得体会】系统学习web前端大概有一周了吧,看了《Head First HTML与CSS》,这本书属于入门书,语言浅显易懂,跟着书敲代码很快的,我大概用了一天就看完了,同时对html和css有个系统的认识了。
接着看了《精通CSS》第二版,受益最多的是从中学会了布局,用好position和float,还有结构与表现分离的思想。
然后开始javascript的学习,看了入门必备书《javascript DOM 编程艺术》,这本书也比较基础,适合新手入门,由于我之前学过C、C++和python,有一定的编程基础,大概两天时间过了第一遍,然后花了两个多小时看了第二遍,感觉这些专业性较强的书,光看一遍是不够的,得多看几遍,每一遍都有不同的收获。
看完了这几本书后,我尝试模仿几个静态网页,今天模仿了11对战平台的首页,花了几个小时终于作出了一个勉强还能看的静态网页。
我知道自己还有很多需要完善的知识点,现在就总结下今天的工作吧。
在设计网页时,要分析网页分为几个部分,也就是能够切好图,logo、导航栏、边栏、页眉、页脚等都事先分配好位置,给它们命名要简单易懂。
第一步做好后,建立一个相对完整的html结构,也就是纯html文档,一个完整的骨架先造出来然后再去给它穿衣服。
在建立html文档时,要分析哪里该用div,什么情况用class,什么情况用id。
一般来说,如果是比较通用类的,用class,而比较特殊只会出现一次的比如页角、侧栏等,可以选择使用id来标记。
骨肉已经成型后,该给它穿衣服,也就是css的编写了。
首先应该从body开始,给body设置规则比如width,margin、background-color等,然后一层一层来设置,这个过程时最复杂最麻烦,基本95%的时间是花在这上面的。
在上面做好后,就是一些边边角角的修改了,比如位置的微调,颜色微调等。
模仿一个复杂的网页需要注意的东西太多了,某一个位置的一张图片的设置:是一定宽度和高度的范围然后让图片作为背景覆盖,还是单纯一个搞定呢,这两个方案各有各的特点,采用什么方案得看实际情况,如果是比较大的如logo可以做用“背景法”来处理,如果是文本中的图片,则用第二种方法会好些。
《Html+Css网站设计》实训任报告

《Html+Css网站设计》实训任报告
在本次实训中,我们收获了以下几点:
1. HTML基础知识:学习了HTML的基础语法、标签、属性和元素,能够创建简单的网页结构。
2. CSS样式设计:学习了CSS的基础知识,包括:选择器、样式属性、优先级等;并能够使用CSS样式美化网页。
3. 网页布局:学习了网页布局的基本原则和技巧,并通过实践掌握了如何使用HTML
和CSS创建不同类型的布局,例如流式布局和固定布局。
4. 网页交互:学习了使用JavaScript创建网页交互效果的基本方法,例如使用事件、元素操作和动态更新网页内容等。
在实训中,我们也遇到了一些困难和挑战。
我们发现,在一些特定的布局和样式效果中,我们需要更多的练习和优化才能达到理想的效果。
同时,我们也发现了一些框架和工
具可以帮助我们更好地完成网站设计任务,例如Bootstrap和Sublime Text等。
通过本次实训,我们得到了很多宝贵的经验,包括团队合作、分工合作、时间管理和
沟通技巧等。
我们也认识到网站设计需要多方向的知识和技术,如基础的HTML和CSS技能、设计美学、脚本和框架等等。
这些技能和知识可以给我们未来的职业发展提供良好的基础,特别是在与网站和应用程序开发相关的领域。
最后,我们要感谢老师和同学们的支持和帮助,我们学到了很多东西,也确信我们将
来可以更自信、更快乐地运用我们所学到的知识和技能。
html+css+javascript实训总结

HTML, CSS, 和 JavaScript 实训总结在这次HTML, CSS, 和 JavaScript的实训中,我深入地理解了如何使用这些前端技术构建一个功能丰富且外观美观的网页。
这次的学习经验对我未来的Web开发工作具有极其重要的意义。
一、学习内容在实训期间,我主要学习了以下内容:1. HTML基础:HTML是网页的基础,我学习了如何使用各种HTML元素来创建网页结构,如标题、段落、列表、链接等。
2. CSS基础:CSS用于控制网页的样式和布局。
我学习了如何使用CSS来设置颜色、字体、边距、填充等样式,以及如何使用CSS布局模型,如Flexbox和Grid。
3. JavaScript基础:JavaScript是用于使网页具有交互性的编程语言。
我学习了如何使用JavaScript来响应用户的点击事件,动态修改HTML和CSS。
二、遇到的问题和解决方案在学习的过程中,我也遇到了一些问题,并找到了相应的解决方案:1. HTML与CSS的冲突:有时候,直接在HTML元素中设置样式会覆盖在CSS文件中定义的样式。
解决方案是使用CSS选择器,使CSS样式优先级高于HTML内联样式。
2. JavaScript的事件冲突:多个JavaScript函数可能响应同一个事件,如点击事件。
解决方案是使用事件委托或者检查事件对象的`target`属性来区分是哪个元素触发的事件。
三、个人感受这次实训让我对前端开发有了更深入的理解。
我发现,要创建一个美观且功能丰富的网页,不仅需要掌握HTML、CSS和JavaScript的基础知识,还需要了解如何在实际项目中应用这些知识。
此外,实训中的团队合作也让我意识到沟通与协作在项目中的重要性。
每个人都有自己的专长,只有通过有效的沟通和协作,才能完成一个成功的项目。
四、下一步计划为了进一步提高我的前端技能,我打算:1. 深入研究CSS的高级特性,如CSS变量、自定义属性等。
2. 学习使用前端框架,如React或Vue,以更好地组织和管理代码。
最新html项目心得体会总结(优秀17篇)

最新html项目心得体会总结(优秀17篇)(实用版)编制人:______审核人:______审批人:______编制单位:______编制时间:__年__月__日序言下载提示:该文档是本店铺精心编制而成的,希望大家下载后,能够帮助大家解决实际问题。
文档下载后可定制修改,请根据实际需要进行调整和使用,谢谢!并且,本店铺为大家提供各种类型的实用资料,如合同协议、学习总结、生活总结、工作总结、企划书、教案大全、演讲稿、作文大全、工作计划、其他资料等等,想了解不同资料格式和写法,敬请关注!Download tips: This document is carefully compiled by this editor.I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!Moreover, the shop provides you with various types of practical information, such as contract agreement, learning summary, life summary, work summary, plan, teaching plan, speech, composition, work plan, other information, etc. want to know different data formats and writing methods, please pay attention!最新html项目心得体会总结(优秀17篇)心得体会可以是文字、图片、音频等形式,通过多样化的方式呈现个人对事物的理解和感悟。
学习html的心得体会(优质20篇)

学习html的心得体会(优质20篇)(经典版)编制人:__________________审核人:__________________审批人:__________________编制单位:__________________编制时间:____年____月____日序言下载提示:该文档是本店铺精心编制而成的,希望大家下载后,能够帮助大家解决实际问题。
文档下载后可定制修改,请根据实际需要进行调整和使用,谢谢!并且,本店铺为大家提供各种类型的经典范文,如职场文书、公文写作、党团资料、总结报告、演讲致辞、合同协议、条据书信、心得体会、教学资料、其他范文等等,想了解不同范文格式和写法,敬请关注!Download tips: This document is carefully compiled by this editor. I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!Moreover, this store provides various types of classic sample essays for everyone, such as workplace documents, official document writing, party and youth information, summary reports, speeches, contract agreements, documentary letters, experiences, teaching materials, other sample essays, etc. If you want to learn about different sample formats and writing methods, please pay attention!学习html的心得体会(优质20篇)写心得体会可以使我们更好地开启自己对于学习和工作的思考之路。
html实训报告总结

html实训报告总结在此次HTML实训中,我学到了许多关于网页设计和开发的知识和技能。
通过实践和探索,我深入了解了HTML的基本概念,学会了使用HTML标记语言创建网页,并能够运用CSS样式来美化网页。
下面是我在实训过程中的总结和心得体会。
一、实训内容1. 学习HTML基础知识:在实训一开始,我们首先学习了HTML的基础知识,包括HTML 标记语言的结构、标签的使用、文本、链接、图像等的插入方法等。
通过实践练习,我掌握了HTML标签的基本使用方法,能够编写简单的网页。
2. 掌握CSS样式设计:随后,我们进一步学习了CSS样式的使用方法,包括选择器、属性和值的设置等。
通过调整字体、颜色、边框等样式属性,我能够为网页添加美观的外观效果,提升用户体验。
3. 实践项目开发:在实训的后期,我们进行了实践项目的开发,通过自主设计页面布局、插入各种元素、添加样式等,我深入理解了HTML和CSS的运用方式,学会了如何设计具有良好用户体验的网页。
二、学习成果1. 掌握了HTML标记语言:通过实训,我掌握了HTML标记语言的语法和结构,能够正确使用各种标签,并了解其作用和用法。
对于段落标签、标题标签、列表标签等,我能够正确运用,编写出结构清晰的网页。
2. 熟悉了CSS样式设计:通过实践操作,我熟悉了CSS样式的各种属性和值的设置方式,能够根据需求调整各种样式效果。
我学会了使用选择器和类来选择特定的元素进行样式设计,并且了解了盒模型的概念和应用。
3. 独立完成了实践项目:在实训的最后阶段,我独立完成了一份实践项目,包括设计页面布局、插入图片、创建导航栏和设置样式等。
通过这个实践项目,我巩固了HTML和CSS的应用技能,提高了自己的实践能力。
三、问题和挑战1. 兼容性的考虑:在实践的过程中,我发现不同浏览器对于HTML和CSS的兼容性存在一定的差异。
为了保证网页在不同浏览器上的统一效果,我需要对代码进行调试和优化。
2. 页面布局的挑战:在进行页面布局设计时,我遇到了一些困难。
网页制作学习总结7篇

网页制作学习总结7篇第1篇示例:网页制作学习总结随着互联网的快速发展,网页制作已经成为许多人感兴趣的技能和职业方向。
通过学习网页制作,我们可以创建出自己想要的网站,并将自己的想法和作品展示给全世界。
在这个过程中,我们要学习各种技术和工具,不断提升自己的能力。
在这篇文章中,我将总结我在学习网页制作过程中的体会和经验,希望能给正在学习这门技能的人一些启发。
学习网页制作要从最基础的HTML和CSS开始。
HTML是网页的骨架,用来定义页面的结构和内容;而CSS则是用来美化页面,添加样式和布局。
在学习HTML和CSS的过程中,我们需要掌握各种标签和属性的用法,熟悉盒模型和浮动等布局技术。
通过不断练习和实践,我们可以逐渐掌握这些技术,创作出简单而精美的网页。
除了HTML和CSS,学习JavaScript也是网页制作过程中的重要一环。
JavaScript是一种脚本语言,可以为网页添加动态效果和交互功能。
通过学习JavaScript,我们可以实现按钮点击、表单验证、轮播图等各种实用功能。
掌握JavaScript还可以让我们更好地理解网页的运作原理,提升网页制作的技术水平。
在学习网页制作的过程中,遇到问题是很正常的。
有时候我们会遇到布局错乱、样式不生效等各种bug,需要耐心地调试和解决。
这时候,我们可以通过查找文档、搜索引擎或向他人求助来解决问题。
在解决问题的过程中,我们可以学到更多的知识,提升自己的技术能力。
学习网页制作也需要不断关注行业的发展和趋势。
随着移动互联网的兴起,响应式设计和移动优先已经成为了一个重要的趋势。
我们需要学习响应式设计的原理和技术,确保自己的网页在不同设备上都能够良好地展示。
学习新的技术和工具也可以让我们跟上时代的步伐,提升自己的竞争力。
学习网页制作是一项充满挑战但又充满乐趣的过程。
通过不断的学习和实践,我们可以不断提升自己的技术水平,创作出更加优秀的作品。
希望这篇文章能够对正在学习网页制作的人有所帮助,祝大家在学习的道路上越走越远!第2篇示例:网络技术的发展,使得网页制作这一领域成为了越来越受人关注的话题。
html,css,js实验报告总结

HTML、CSS和JavaScript实验报告总结在过去的一段时间里,我完成了对HTML、CSS和JavaScript的学习和实践,现在我将对此进行总结。
一、实验内容1. HTML基础:学习了HTML的基本结构,包括元素、属性、标签等。
通过编写简单的网页,我掌握了如何使用HTML构建网页的基本框架。
2. CSS样式:学习了CSS的基本语法和选择器、属性等。
通过为HTML元素添加CSS样式,我掌握了如何美化网页的外观。
3. JavaScript交互:学习了JavaScript的基本语法、事件、函数等。
通过在网页中添加交互功能,我掌握了如何让网页更加生动有趣。
二、实验成果1. 掌握了HTML、CSS和JavaScript的基础知识,能够熟练地使用它们构建网页。
2. 完成了多个实验项目,包括简单的网页、带有交互功能的网页等,能够灵活运用所学知识。
3. 通过实践,提高了自己的编码能力和解决问题的能力。
4. 学会了如何使用工具和资源来辅助学习,如浏览器开发者工具、在线教程等。
三、实验感受1. 实践是最好的老师:通过实践,我深刻体会到了HTML、CSS和JavaScript的魅力,也发现了自己在学习中的不足之处,需要进一步加强学习。
2. 团队合作的重要性:在实验过程中,与同学一起合作完成项目,让我学会了如何与他人协作,也提高了自己的沟通能力和组织能力。
3. 遇到问题不要怕:在实践中遇到问题是很正常的,不要害怕,要勇于面对并寻找解决问题的方法。
通过解决问题,可以加深对知识点的理解。
四、未来计划1. 加强学习:继续深入学习HTML、CSS和JavaScript,了解更多的进阶知识和技巧。
2. 实践项目:尝试更多的实践项目,提高自己的编码能力和解决问题的能力。
3. 探索新技术:关注前端领域的最新动态和技术趋势,学习并尝试使用新的技术和工具。
4. 分享经验:将自己在实践中的经验和心得分享给其他同学或朋友,帮助他人也提升自己。
html实训报告总结

html实训报告总结在本次HTML实训中,我学到了许多关于网页设计和开发的知识和技巧。
通过实践和实际操作,我对HTML的各种标签和属性有了更深入的理解,能够熟练运用它们来创建具有吸引力和功能性的网页。
本文将对我在实训中的学习和体会进行总结,并分享一些关键的经验和教训。
一、学习收获通过实训,我不仅掌握了基本的HTML标记和语法,还学习了如何运用CSS来美化网页的样式和布局。
我深入了解了盒模型、浮动、定位等CSS的核心概念,并能够使用它们来实现网页的排版和样式设计。
此外,我还学习了如何使用JavaScript来实现网页的交互功能,例如表单验证、动态效果和响应式设计等。
二、实践成果在实训中,我按照指导书中的要求,完成了一系列的实际案例。
我运用所学知识,创建了一个简洁而美观的个人主页,展示了我的个人信息和技能。
此外,我还设计了一个包含多个页面和导航菜单的博客网站,能够实现文章的发布和评论功能。
这些实践项目不仅巩固了我对HTML、CSS和JavaScript的掌握,还提升了我的实际操作能力和问题解决能力。
三、遇到的问题与解决方案在实训过程中,我遇到了一些困难和问题。
例如,对于复杂的网页布局和样式设计,我常常感到头疼和困惑。
然而,通过与同学的讨论和互相帮助,我学会了如何利用CSS框架和预处理器来简化布局和样式的编写,提高了效率和质量。
此外,我还在网上查找了一些优秀的网页设计和开发案例,借鉴其中的思路和技巧,对我的实践项目起到了很大的帮助。
四、实训心得与建议通过本次HTML实训,我深刻体会到了学以致用的重要性。
理论知识固然重要,但只有通过实际操作和实践项目,我们才能真正掌握和应用这些知识。
因此,我建议在未来的实训中,增加实践的机会和实际项目的数量,让我们能够更加深入地理解和应用所学的知识。
此外,我也认识到了团队合作的重要性。
在实践中,我们常常需要与他人合作、交流和协调,才能够更好地完成任务。
因此,我建议在实训过程中,增加团队项目的比重,培养学生的团队合作精神和能力。
css学习总结

css学习总结CSS学习总结在前端开发中,CSS(层叠样式表)是一门非常重要的技术。
它控制着网页的样式和布局,为网页赋予了丰富的外观。
在学习CSS的过程中,我遇到了许多挑战和收获,下面我将总结一下我的学习经验和心得。
一、学习的动力和目标作为一个前端开发者,学习CSS是我工作中不可或缺的一部分。
在我的日常工作中,我经常需要修改和优化页面的样式,所以熟练掌握CSS是非常重要的。
此外,CSS的学习也是我对自己技术水平的提升和追求。
二、基础知识的学习在开始学习CSS之前,我首先学习了HTML的基础知识。
因为CSS 是用来控制HTML元素的样式的,所以对HTML的了解能够帮助我更好地理解CSS的使用。
同时,学习CSS的基础知识也是非常重要的。
我学习了CSS的语法、选择器、属性以及常用布局等内容。
通过不断的练习和项目实践,我逐渐掌握了这些知识。
三、样式设计的原则在学习CSS的过程中,我也注意到了样式设计的原则。
首先,我学会了遵循网页设计的原则,如一致性、对齐、重点突出等。
其次,我学习了响应式设计的思想,使得网页可以在不同的设备上有良好的显示效果。
另外,我也学会了合理运用颜色、字体和背景等元素,以及如何选择适合的布局方式。
通过学习这些原则,我可以设计出更加美观、易用的网页。
四、CSS预处理器和框架的学习除了学习CSS的基础知识和样式设计原则,我还学习了一些CSS预处理器和框架。
比如,我学习了Sass这个非常流行的CSS预处理器,它可以提高CSS的编写效率,同时还可以实现一些高级的功能,如嵌套、变量和混合等。
此外,我还学习了一些CSS框架,如Bootstrap和Foundation等。
这些框架提供了一些现成的样式和组件,可以快速构建出漂亮的网页。
五、不断实践和总结在学习CSS的过程中,我发现实践和总结是非常重要的。
通过不断实践,我可以将学到的知识应用到实际项目中,进一步巩固和加深自己的理解。
同时,在每次实践之后,我都会进行总结和反思,找出自己的不足和需要改进的地方。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
CSS 框模型
Css中边距比较图
网页中关于长度的一些东西
▪ Px:相对长度单位。像素(Pixel),像素是相对于显示
器屏幕分辨率而言的。
▪ em相对长度单位。相对于当前对象内文本的字体尺寸。
Html是Hypertext Markup Language缩写。即超文本标记语 言
是用于描述网页文档的一种标记
CSS是 Cascading Style Sheet的缩写。即层叠样式
表,是用于控制网页样式并允许将样式信息与网页内容分 离的一种标记性语言。
CSS简化了HTML中各种繁琐的标签,使各标签的属性更具一般性和通
▪ 文字属性:color : #999999 文字颜色
font-family : 文字字型 font-size: 文字大小 font-style:italic 文字斜体 letter-spacing: 文字间距 line-height: 设定行高 font-weight: 文字粗细 ,用normal | bold | bolder | lighter |
<table> </table>创建表格
<tr> </tr>表格行
<td> </td.>表格列
文本域输入:多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类
型属性(type)定义的。(单选按钮:Radio Buttons
复选框
(Checkboxes))
Div标签
CSS的插入
▪ 插入外部样式表: ▪ <head> ▪ <link rel=“stylesheet” type=“text/css” href=“mystyle.css" /> ▪ </head> ▪ mystyle,.css是我们自己写的CSS文件 ▪ 插入内部样式表:例如: ▪ <head> ▪ <style type="text/css"> ▪ hr {color: sienna;} ▪ p {margin-left: 20px;} ▪ body {background-image: url("images/back40.gif");} ▪ </style> ▪ </head>
用性,扩充原来的功能。
简单的说CSS的引入就是为了使得HTML能够更好的适应页面的美工设
计。
html的一些基本标签
<html> </html> 之间的文本描述网页
<head> </head>标签用于定义网页文档的头部 ,一般内容不显示给读者
<title> </title>定义文件标题,将显示在浏览器顶端
▪ 背景属性:background-color:black 背景颜色
background-image : url(image/bg.gif) 背景图片 background-repeat : no-repeat 不重复排列 repeat-x 在x轴重复排列 repeat-y 在y轴重复排列 background-position : 背景图片x与y轴的位置
如当前行内文本的字体尺寸未被人为设置,则相对于浏览 器的默认字体尺寸。
▪ Ex:相对长度单位。相对于字符“x”的高度。此高度通常
为字体尺寸的一半。如当前对行内文本的字体尺寸未被人 为设置,则相对于浏览器的默认字体尺寸
▪ Pt:绝对长度单位。点(Point)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
<body> 与 </body> 之间的文本是可见的页面内容
<ph1> </h1>写标题
< br /> 换行
<!-- --> 注释标记符
<hr/>标签定义水平线
<pre> </pre>是预格式文本,保留空格和换行
<a href=“链接目标”> 链接 </a>
<div> 是一个块级元素 ,<div> 标签可以把文档分 割为独立的、不同的部分 。
<div>主要用来块的定位 在div中能加多种属性,如:id选择器,类选择器,
style 也可以通过z-index 来设置div层,值越大的越在前
面 ,也就是说数值大的会覆盖数值小的层
属性的详细解释
Html和Css
网页设计和美化的基础知识
主要内容
31
什么叫做html和css
2
Html的常用标签
3
Click to add Title
4
Click to add Title
什么是html和css
Id选择器和类选择器
▪ id 选择器可以为标有特定 id 的 HTML 元素指定
特定的样式。
▪ id 选择器以 “#” 来定义。 ▪ 同一个body中的id选择器不能同名, ▪ 类选择器以一个点号(.)显示,例如: .center {text-
align: center}
具体数值
▪ 边框
border-top : 上框 后面值可以为:1px solid black 同理可以设置 border-bottom : 下框 border-left : 左框 border-right : 右框 border: 1px solid #6699cc 是同时设置四边框
▪ Pc:绝对长度单位。派卡(Pica) ▪ In:绝对长度单位。英寸(Inch)
CSS文字样式设置:
▪ a)正文通常使用易读性较强的serif字体,标题和表格则采用较醒目
的sans-serif字体
▪ b)文字大小font-size ▪ c)文字颜色color ▪ d)文字粗细font-weight ▪ e)斜体font-style ▪ f)文字的下划线、顶线、删除线、闪烁 text-decoration ▪ g)英文字母大小写 text-transform capitalize首字母大写