HTML+CSS学习第三篇 标题与段落

HTML  CSS  html  css

  

2020-01-31 02:17:06

标题与段落 标题 - -> 双标签:<h1><h1/> .... <h6></h6> 在一个网页中,h1标题最重要,并且一个.html文件中只能出现一次h1标签。| h5、h6标签在网页中不经常使用。| 效果图 段落 --> 双标签:<p> </p> 效果图 标题与段落的练习 效果图...

表格表单之间可以互相组合形成数据展示效果 小练习 效果图 <div>与<span> div(块): div全称为division,“分割、分区”的意思,<div>标签用来划分一个区域,相当于一块区域容器,可以容纳段落、标题、表格、图像等各种网页元素。即HTML中大多数的标签都可以嵌套在<div>标签中,<div>中...

HTML方面 备注: + 代表被问到的次数,没有 + 代表自己整理了,但没被问到 1.HTML5 有哪些新元素? ​ 常用的如header、footer、main、nav和新的音频元素audio、video图像元素canvas、svg等 2.HTML开头的DOCTYPE有什么用 ​ 告诉浏览器以何种模式来渲染文档,如果不写会以混乱模式解析 css方面 1.自适应布局的方法+ ​ rem/calc/...

CSS学习(一)

HTML/CSS  html  css

  

2020-03-25 06:24:29

HTML(一) 我学HTML(Hypertext Marked Language)主要是把python作为我的精通语言和发展线路,爬虫少不了对html的解析,加上Web课程对html学习的必要。 其实HTML的路上就少不了CSS,把HTML的各种标签看做是锤子、钉子,那CSS就是尺子,陀螺仪,要想页面做的精细,还得测量精细。HTML是那么通俗易懂又好上手的语言,CSS也不会很难,更多的式布排版。我...

最近写小程序时,遇到了 iPhoneX 底部小黑线与内容重叠的问题,实际上是iPhoneX安全区域的适配问题,了解清楚这个问题花了挺多时间的,也实操出了结果,忍不住来总结总结。 本文目录 前言        · 内容与小黑线重叠情况说明 1.安全区域含义 2.微信小程序适配iPhoneX底部小黑条(Home Indicator)   ...

目录 Web时代的变迁 HTML5和HTML4的区别点 HTML5的结构 表单及其他新增和改良元素 ECMAScript中新增功能 一.Web时代的变迁 (1)HTML5 的目标 : 能够创建更简单的Web程序,书写出更简洁的HTML代码。提供很多API,使Web应用程序开发变得更容易;开发出了新的属性,新的元素,使HTML变得更简洁,文档结构更加清晰明确,容易阅读。 (2)可放心使用HTML5 ...

CSS 固定定位 position fixed

html  css  html  css

  

2020-04-20 02:51:41

CSS 固定定位 position fixed 简单描述:固定定位是将某个元素固定在浏览器的某个确定的位置,不随滚动条的移动而变化; 注意:固定定位的位置是 相对当前浏览器窗口的 代码示例: 1.我们先在页面中输出一个标准情况下的 div 元素,不添加定位; 代码: 显示如下: 2. 然后给 div 元素添加固定定位:设置 position:fixed; left:100px; top:100px...

学习笔记(4)html列表

HTML  CSS  css  html

  

2020-05-08 13:47:51

知识点: ul无序和ol有序列表 改变项目符号样式或用图片定义项目符号 横向图文列表 浮动后父容器高度自适应 IE6的双倍边距bug 一、ul无序和ol有序列表 无序列表,是以ul包含li的形式,默认每行前的符号是圆点,可以通过样式表改为无、方块,空心圆等。 有序列表是以ol包含li的形式,是以数字为项目符号的,无序列表也可以用css定义显示成有序列表,代码及显示效果如下: 二、改变项目符号样式或...

对于两个嵌套关系的块元素,如果父元素没有上内边距及边框 父元素的上外边距会与子元素的上外边距发生合并 合并后的外边距为两者中的较大者 解决方案: 可以为父元素定义上边框。 可以为父元素定义上内边距 可以为父元素添加overflow:hidden。...

圆形边框和圆角边框

HTML、CSS  css  html

  

2020-07-15 03:47:11

①画圆 首先容器设置成正方形,然后border-radius等于一半的边框 ②圆角矩形边框 将border-radius设置成height的一半,可以实现好看的圆角矩形边框...

效果: 在这里直接控制span1的长度有时是不行的 使其效果为:   注:因为span标签不同于<P>、<div>等标签(p、div占用的位置是一行,span占用的是内容有多宽就占用多宽的空间距离) 需要对span格式化:display:inline-block; 就可以达到上面的效果     我是小弟,技术问题,请不要喷我。...