html内联元素,伪类选择器,字体设置 表单,做网页流程

简介: 内联元素只在行内发挥作用, 而块状元素显示效果为一个矩形区域 内联元素不能设置width,height, 也不能设置竖起方向的margin,padding 2:内联元素与块状元素如何转化? 答:display:block/inline/none 3:举出你在项目中用到的内联元素转块状的例子? 图片空白的解决, a标签设置宽高时. 4:a标签的4个伪类选择器及顺序?

内联元素只在行内发挥作用,
而块状元素显示效果为一个矩形区域

内联元素不能设置width,height,
也不能设置竖起方向的margin,padding


2:内联元素与块状元素如何转化?
答:display:block/inline/none

3:举出你在项目中用到的内联元素转块状的例子?
图片空白的解决,
a标签设置宽高时.

4:a标签的4个伪类选择器及顺序?
a:link, a:visited ,a:hover,a:active
l v h a

5:字体控制的5个顺序
font-style,font-weight,font-size/line-height,font-family

设置font可以直接写

font:12px/30px Arial,"微软雅黑","宋体";
同时用的时候,必须加字体,会去选择字体,根据电脑上有的字体会自动解析


6:背景的属性
color,
url,
repeat-x/-y,no-repeat
attchment:fixed/scorll
postion:可以用在多个元素共用一张背景.(在大网站中,可以减少请求,减轻服务器压力)

1:font-family的可否填多种字体?
可以
2:如果多种,该用什么样的原则来决定字体的出现顺序?
先特殊再普通
细化说明:
先英文字体再中文字体
先特殊字体再安全安全
先具体字体,再到字体大类


3:字体可大致归为哪两类?
有衬线 -- serif  --(如宋体)
无衬线 -- sans-serif (黑体)


4:请说出在html中以下字符该如何合理的显示出来?
>,<,空格
&gt;
&lt;
&nbsp;
-----这种东西叫"符号实体"

5:如何解决IE6双倍margin的bug?
双倍margin bug是指IE6
对于浮动元素,其浮动方向上的margin值将会加倍,导致的bug.
例:float:left;margin-left:10px;
那么实际体现的margin-left是20px;

解决:给这种元素设置 _display:inline;

 

1:列举你知道的表单类型及写法
文本框: input type="text"
密码框: input type="password"
单选框: input type="radio"
复选框: input type="checkbox"
提交按钮: input type="submit"
重置按钮: input type="reset"
点击按钮: input type="button"
文件域: input type="file"
隐藏域: input type="hidden"
图像按钮:input type="image" src=""

下拉框: <select name=""><option value="大学">大学</option></select>
文本域: <textarea></textarea>

2:文件上传域能否加默认值?
答:不能


3:做网页的分析流程?
单个网页:
先分析的布局,先用div把块划开,
然后再用css控制,撑开页面.
再在div里面放置语义标签比如: ul,li,p,h2,h1,span,a
这些标签里放文字

再次通过css控制文字的显示效果,如字体,颜色,样式,下线划等等


做整个网站,如何分析?

1:首先观察所有页面的共同区域.
2:针对共同区域做一个框架页面或者模板页面

这时应该形成2个css文件, 初始化css,及框架css

3:然后再做具体的页面,并且具体页面上用到的css也形成单独的css文件.


4:框架集如何点击左侧的链接,页面在右侧显示?
答:给右侧的frame 加一个name
左侧的链接,加 target='定义的name'

如果想让链接跳出框架,用target="_top"

 

目录
相关文章
|
22天前
|
移动开发 前端开发 JavaScript
HTML5实现好看的劳动节网页源码
HTML5实现好看的劳动节网页源码,劳动节网页,劳动节网页源码,内置十个页面,各种模板都有,可以根据这些页面扩展更多页面,网页由网站首页、劳动节介绍、劳动节由来、劳动节习俗、劳动节文化、劳动节活动、劳动节故事、劳动节民谣、联系我们、登录/注册等页面组成,兼容手机端,页面干净整洁,内容丰富,可以扩展自己想要的,注释完整,代码规范,各种风格都有,代码上手简单,代码独立,可以直接运行使用。也可直接预览效果。
61 4
|
29天前
|
移动开发 HTML5
HTML5实现好看的中秋节网页源码
HTML5实现好看的中秋节网页源码,中秋节网页,中秋节网页源码,节日网页大作业,作业源码,内置十个页面,各种模板都有,可以根据这些页面扩展更多页面,网页由网站首页、中秋节介绍、中秋节由来、中秋节习俗、中秋节文化、中秋节美食、中秋节故事、中秋节民谣、联系我们、登录/注册等页面组成,兼容手机端,页面干净整洁,内容丰富,可以扩展自己想要的,注释完整,代码规范,各种风格都有,代码上手简单,代码独立,可以直接运行使用。也可直接预览效果。
51 0
HTML5实现好看的中秋节网页源码
|
2月前
|
移动开发 前端开发 JavaScript
HTML5实现好看的端午节网页源码
HTML5实现好看的端午节网页源码,包含十个页面:网站首页、端午节介绍、由来、习俗、文化、美食、故事、民谣、联系我们及登录/注册。页面设计简洁美观,内容丰富,兼容手机端,代码规范且注释完整,易于扩展和修改。提供完整的源码下载和视频演示,方便学习和使用。
59 3
|
2月前
|
存储 移动开发 JavaScript
网页 HTML 自动播放下一首音乐
在 HTML5 中实现自动播放下一首音乐,通过管理音乐列表、操作音频元素和监听事件完成。创建包含多个音乐链接的列表,使用 `&lt;audio&gt;` 元素加载音乐,监听 `ended` 事件,在当前音乐结束时自动播放下一首。示例代码展示了如何使用 JavaScript 实现这一功能,确保无缝切换音乐。
|
3月前
|
存储 JavaScript 算法
(html在线预览cad图纸插件)网页CAD绘制条形码、二维码的教程
本文介绍了如何在mxcad中绘制条形码和二维码。对于条形码,首先根据应用场景选择合适的编码标准(如CODE39、EAN13等),通过编码规则将数据转换为二进制,并利用`McDbHatch`绘制条和空的组合,同时支持自定义实体及属性管理。 对于二维码,因其能存储更多信息且具备更强纠错能力,采用开源库QRCode.js进行编码处理,再通过`McDbHatch`绘制黑白矩阵,同样封装成自定义实体以便管理和扩展。文中还给出了完整的绘制流程与效果展示,包括创建二维码对象、设置参数、调用绘制方法以及最终的效果图。整个过程体现了灵活运用API与第三方库来实现复杂图形绘制的能力。
|
4月前
HTML在线扫雷游戏网页源码
HTML在线扫雷游戏网页源码是一款基于HTML+CSS+JavaScript开发的在线扫雷小游戏单页源码,为用户提供了一个无需安装即可在浏览器中直接玩的扫雷游戏。该游戏的源码不仅包含了完整的游戏逻辑,还具备丰富的界面设计和用户交互功能,使得玩家能够轻松上手并享受扫雷带来的乐趣。
169 22
|
4月前
|
数据采集 前端开发 数据挖掘
利用 html_table 函数轻松获取网页中的表格数据
本文介绍了如何使用 R 语言中的 `html_table` 函数结合代理 IP 技术,轻松提取网页表格数据并规避反爬机制。通过设置代理和请求头,示例代码展示了如何从 58 同城采集租房信息并保存为 CSV 文件。该方法适用于需要频繁采集数据的场景,确保数据采集的高效和稳定性。
181 2
利用 html_table 函数轻松获取网页中的表格数据
|
4月前
|
移动开发 JavaScript 前端开发
HTML5 表单属性7
`pattern` 属性使用正则表达式验证 `&lt;input&gt;` 元素的值,适用于 `text`, `search`, `url`, `tel`, `email`, 和 `password` 类型。
|
4月前
|
移动开发 UED HTML5
HTML5 表单属性6
`min`、`max` 和 `step` 属性用于限制 `&lt;input&gt;` 标签中的数值或日期范围。例如,可以设置日期选择器的最早和最晚日期,或限制数字输入框的值范围。`multiple` 属性允许在 `&lt;input&gt;` 中选择多个值,适用于邮箱和文件类型。这些属性增强了表单控件的功能性和用户体验。
|
4月前
|
移动开发 数据安全/隐私保护 HTML5
HTML5 表单属性8
`required`属性确保表单提交前输入框不能为空,适用于多种类型的 `&lt;input&gt;` 标签,如文本、邮箱、密码等。`step`属性则用于指定输入域中合法数值的间隔,常与`max`和`min`属性配合使用,适用于数字、日期等类型。例如,设置`&lt;input type=&quot;number&quot; step=&quot;3&quot;&gt;`可使输入值以3为单位递增或递减。
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等