`

html+css3学习小结

    博客分类:
  • html
 
阅读更多

1.如果想要把div块居中,要先定义DIV的宽度,再设置外边距margin属性的左右边距为auto即可。此时DIV便会相对于它的父容器水平居中。text-align文字居中,加上line-height:100px;可文字上下居中。

如下:margin:100px  auto;width:960px;background:#999;text-align:center;height:100px;line-height:100px;

2.<input type="checkbox">游泳</input>  input选择框只能点击选择框才能勾选。如果想实现点击文字就能勾选,用label标签包起来就能行了。如:<label><input type="checkbox">游泳</input></label>

分享到:
评论

相关推荐

    HTML5+CSS3学习总结.docx

    HTML5+CSS3 学习总结 HTML5 是万维网的核心语言、标准通用标志语言下的一个应用超文本标志语言(HTML)的第五次重大修改,作为 HTML 语言,具有新的元素、属性和行为。广义的 HTML5 是 HTML5 本身 + CSS3 + ...

    HTML5 + CSS 网页

    #### 小结 通过对HTML5和CSS的学习,我们可以了解到,通过合理的使用 `&lt;p&gt;`、` `、`&lt;nobr&gt;` 以及 `&lt;div&gt;` 等标签,能够有效地控制网页中文字的布局。无论是简单的换行控制还是复杂的对齐需求,都可以通过这些...

    html+css结课作业.rar

    这个压缩包文件名为"html+css结课作业.rar",其中包含了一个名为"关于绿植的css网页"的子文件,我们可以从这个项目中学习到以下丰富的知识点: 1. HTML基础结构:HTML(HyperText Markup Language)是网页内容的...

    前端web结课作业 小米商城 纯HTML+CSS

    【标题】:“前端Web结课作业 - 小米商城 纯HTML+CSS” 这个项目是基于前端Web技术实现的小米商城的模拟页面,主要采用了HTML和CSS两种基础语言进行开发。HTML(HyperText Markup Language)是网页内容的结构化标记...

    html+css+js实现的拼图游戏结课作业.rar

    这是一个基于HTML、CSS和JavaScript实现的拼图游戏项目,适合初学者学习网页设计与交互功能的实现。这个结课作业展示了大二学生在网页设计课程中的技能应用,旨在锻炼和展示其前端开发能力。 HTML(HyperText ...

    Web结课作业,基于html+css的简单网页

    总的来说,这个“Web结课作业”项目是学习和实践基础网页开发的一个好例子。通过HTML和CSS的结合,学生可以创建出具有清晰结构和美观外观的静态网页。这只是一个起点,随着技能的提升,可以进一步探索JavaScript和...

    web前端案例源代码,效果图,案例课程答辩,新手学习,黑马程序课程 html+css+javescript

    适合刚接触web前端的小白,教材适应html+css+javescript的新手学习,附带课程内的案例源码及课程的结课设计,包括期末大作业(非遗网站介绍,爱奇艺视频网站介绍的设计及源码

    HTML5+CSS3网页设计基础-第七章-网页布局设计.pptx

    7.5 本章小结是对整个章节内容的回顾和总结,帮助学生巩固所学知识。 总之,这章内容是关于如何使用HTML5的新特性与CSS3技术,构建现代、响应式的网页布局,这对于任何希望从事网页设计或前端开发的人来说都是至关...

    DIV +CSS 速成手册

    ### 学习小结 通过本速成教程,读者应该能够理解并掌握DIV+CSS进行网页布局设计的基本方法。实际上,网页设计是一门实践性很强的技术,只有通过不断的练习和探索,才能真正掌握并应用到实际项目中。对于网页制作的...

    HTML+CSS布局(常用css控制属性)小结

    在这个小结中,我们将探讨一些常用的CSS控制属性,这些属性对于创建响应式和有组织的页面布局至关重要。 首先,CSS布局的基本属性包括`width`、`height`、`margin`和`padding`。在示例中,`#contner`元素的宽度设置...

    div+css完美布局

    #### 九、小结 通过以上内容的学习,初学者可以了解到`div+css`布局的基本概念和技术要点。掌握了这些基础知识后,便可以在实际项目中灵活运用`div+css`布局技术,构建出既美观又功能强大的Web应用界面。此外,不断...

    DIV+CSS自学总结手册

    以下是对DIV+CSS学习的一些关键知识点: 1. **CSS基础**:理解CSS的基本结构,包括选择器、属性和值。学会如何在HTML文档内部或外部引入CSS样式表,以及了解行内样式、内部样式表和外部样式表的优缺点。 2. **选择...

    CSS3小结

    **CSS3小结** 在网页设计领域,CSS3(Cascading Style Sheets Level 3)是HTML和XML文档样式表语言的最新版本,它极大地扩展了CSS2.1的功能,引入了许多新的特性和改进,使得网页设计更加丰富多彩,更具表现力。本...

    前端结课设计——打地鼠游戏

    【前端结课设计——打地鼠游戏】是一个利用HTML5、CSS3和JavaScript技术实现的互动小游戏,旨在展示前端开发者在课程结束时所掌握的技术能力。这个游戏基于经典的打地鼠玩法,用户需快速点击出现在随机位置的地鼠,...

    div+CSS网页布局的意义与副作用原因小结第1/2页

    与传统的表格布局相比,DIV+CSS布局将页面分解为更小的部分,允许浏览器在加载时逐个区域加载,而不是一次性加载整个页面。这样不仅可以加快页面的显示速度,还可以有效减少页面的体积,进而降低用户的流量费用。 ...

    网页工程师认证网页项目训练CSS内容排PPT学习教案.pptx

    课程最后的小结重申了教学目标,即让学生掌握Div+CSS在内容排版中的应用,包括文字和图文的处理。作业则要求学生实践,制作公司商业页面和科技网站,以巩固所学知识。 总的来说,这个PPT教程涵盖了CSS排版的核心...

    Teach Yourself Visually Html and css.pdf

    ### 小结 “Teach Yourself Visually Html and css.pdf”这本书不仅详细介绍了HTML和CSS的基础知识,还提供了大量的实践案例和技巧,非常适合初学者和有一定基础的读者进行深入学习。通过系统地学习本书,读者将能够...

    CSS常用样式总结积累

    3. **层叠与继承**: CSS的“级联”特性意味着样式可以从多个来源应用,按照特定规则级联。继承则指子元素可以继承父元素的某些样式,但不是所有属性都能继承,比如`color`可以,而`border`则不行。 4. **盒模型**: ...

    HTML5开发大全CSS+JAVASCRIPT+WEBGL

    #### 六、小结 - 本书全面覆盖了使用HTML5、CSS3和WebGL开发游戏所需的技术细节,不仅提供了理论知识,还包含了丰富的实践案例。 - 无论是初学者还是有一定经验的开发者,都能从中学到有用的信息和技术。 - 随着...

Global site tag (gtag.js) - Google Analytics