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倍。
相关文章
|
9天前
|
前端开发
从零开始学习前端开发:HTML基础
HTML是前端开发的基础,它是网页内容的结构化描述语言。本文将介绍HTML的基本语法、标签和元素,以及如何使用它们来创建简单的网页。
尚硅谷html5+css3(4)浮动
尚硅谷html5+css3(4)浮动
|
1天前
|
前端开发
尚硅谷html5+css3(3)布局
尚硅谷html5+css3(3)布局
|
1天前
|
缓存 前端开发 JavaScript
尚硅谷html5+css3(2)CSS5基本知识
尚硅谷html5+css3(2)CSS5基本知识
|
1天前
|
移动开发 搜索推荐 HTML5
尚硅谷html5+css3(1)html相关知识
尚硅谷html5+css3(1)html相关知识
|
2天前
|
JavaScript 前端开发
JavaScript-jQuery的使用 + JS的案例
JavaScript-jQuery的使用 + JS的案例
10 0
|
3天前
|
前端开发 JavaScript
HTML DOM如何通过JavaScript动态改变元素的CSS样式?
【5月更文挑战第23天】HTML DOM如何通过JavaScript动态改变元素的CSS样式?
5 1
|
4天前
|
缓存 移动开发 JavaScript
WKWebView对网页和js,css,png等资源文件的缓存机制及如何刷新缓存
WKWebView对网页和js,css,png等资源文件的缓存机制及如何刷新缓存
15 1
|
8天前
|
JavaScript 前端开发 算法
JQuery 基本使用,2024BAT大厂Web前端社招面试题
JQuery 基本使用,2024BAT大厂Web前端社招面试题
JQuery 基本使用,2024BAT大厂Web前端社招面试题