web前端技能方法总结(css、js、jquery、html)(18)

简介: web前端技能方法总结(css、js、jquery、html)

1、块元素的默认宽度是“auto”,就是说会延伸到所有的空间。记住“auto”使内容充满所有的空间(除了补白、边框和边界)。一般元素的高度用默认值,就是auto,浏览器垂直扩展内容区,以使所有的内容都能看到。即设置了宽度后,高度就是自动的显示所有内容。也可以明确地设置高度,但是如果设置的高度太小,内容尾部都有可能丢失,因此一般不用定义元素高度,而默认为auto。

2、text-align:center 在块元素中用text-align来设置其中的文本对齐样式,这里设置为居中。其实text-align属性会影响到一个元素中所有内联内容的对齐样式,不仅仅是文本。还要记住,text-aligh属性只能用于块元素,如果直接用于内联元素(如)就没有作用了。text-aligh属性值也可继承。例如

元素中的所有文本都在其他块元素中,如

.但现在他们的对齐样式都改变了。这是因为这些块元素继承了

的text-align属性。区别是,不是
直接影响标题和段落(这些都是块元素)中的文本对齐样式,而是标题和段落继承了text-align属性值"center",使它们自己的内容居中了。但是谨记并非所有的属性都是可以默认继承的,所以这并不会对所有的属性都起作用。

3、line-height比较特殊,可以只用一个数字代替相对值(比如em或%)来设置line-height的值。

elixirs{line-height:1em;} 表明此

中的所有元素的行间距都是饮料元素的字体大小的1倍。

elixirs{line-height:1;} 表明每个饮料

中的元素的行间距为它们自己的font-size的1倍,而不是饮料
的font-size的1倍。
相关文章
|
1月前
|
机器学习/深度学习 移动开发 JavaScript
介绍一下HTML5的新技能:神经网络
介绍一下HTML5的新技能:神经网络
33 5
|
1月前
|
Web App开发 移动开发 UED
介绍一下HTML5的新技能:多媒体支持
介绍一下HTML5的新技能:多媒体支持
52 2
|
13天前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
26 6
|
27天前
|
移动开发 JavaScript 前端开发
html table+css实现可编辑表格的示例代码
html table+css实现可编辑表格的示例代码
49 12
|
23天前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
102 1
|
28天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
41 3
|
1月前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
55 0
html5+three.js公路开车小游戏源码
|
2月前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
160 2
|
2月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
45 0