文章 2022-02-17 来自:开发者社区

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

5、流动和冻结设计以上的设计都叫做流动布局,因为无论我们把浏览器调整到多大,它们都会扩展到填满浏览器为止。这些布局很有用,因为通过扩展,它们把现有的空间填满了,并且允许用户充分利用屏幕空间。不过有时把布局锁定很重要,以便当用户调整屏幕时,你的设计看起来还跟原来一样。有几个布局是这样工作的,我们先从冻结布局开始。(1)冻结布局冻结布局把元素锁住,冻结到页面上,所以它们根本不能移动,因此我们避免了许....

文章 2022-02-17 来自:开发者社区

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

XHTML按道理应该是一种结构和内容格式,可以用CSS样式化,即使没用CSS,也应该在任何设备中都能看得见。1、使用流浏览器用流来布置页面上的XHTML元素。浏览器从XHTML文件的开头开始,从头到尾跟着元素的流显示它遇到的每个元素。比如块元素,每两个之间都有换行。所以先显示文件中的第一个元素,接着显示换行,再显示第二个元素,再换行等,从文件的开始一直到末尾。这就是流。内联元素在水平方向上一个接....

文章 2022-02-17 来自:开发者社区

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

许多CSS属性要一起使用,其实有不少可以缩写,可以减少写CSS的时间。以下举例:1、padding-left,padding-right,padding-bottom和padding-top可以不必分别设值,而可以合并成一句:padding:0px 20px 30px 10px; 分别对应了上、右、下、左的补白。注意顺序!2、跟补白一样,也可以用缩写指定所有的边界值。eg: margin:0...

文章 2022-02-17 来自:开发者社区

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

1、div h2{color:black;} 父元素+空格+它的子孙,规则的其余部分跟平常写的一样。这条规则表明选择的子孙.现在这条规则唯一的问题是如果有人在这个html文件中创建了另外一个,他们的文本也会是黑色的,即使他们不希望这样。不过假如有一个id,可以用它来更具体地指出我们想选择哪个子孙,如2.2、#divid h2{color:black;} 现在父元素是id为“divid”的元素...

文章 2022-02-17 来自:开发者社区

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

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

文章 2022-02-17 来自:开发者社区

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

1、可以用background-image属性给任何元素添加背景图像。如果同时设的也有背景颜色,那么它是置于背景颜色之上的。背景图像跟背景颜色一样,只出现在内容区和补白之下,没有延伸到边框之外的边界。background-image:url(images/background.gif); background-image属性被设置成URL,可以是相对路径或完整的URL(http://...)......

文章 2022-02-17 来自:开发者社区

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

一、盒模式(the box model)1、CSS就是这样看待元素的,它把每个单一的元素看作是一个盒子。每个盒子由内容区及可选的补白、边框和边界组成。最里面是内容区(width属性用来定义元素的内容区的宽度),被可选的补白包围着,又围了一层可选的边框,最外一层是可选的边界。用CSS可以控制盒子的各个方面:内容周围补白的大小、元素有没有边框(以及类型和大小),以及元素之间有多少边界。用CSS可以控....

文章 2022-02-17 来自:开发者社区

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

对齐方式text-align规定元素中的文本的水平对齐方式。属性值如下:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TXwrW9Im-1608793191446)(/QQ%E6%88%AA%E5%9B%BE20200205180655.png)]注意:值 justify 可以使文本的两端都对齐。在两端对齐文本中,文本行的左右两端都放在父元素的内边界上。然后,调整....

文章 2022-02-17 来自:开发者社区

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

CSS常用属性设置背景CSS 背景属性用于定义HTML元素的背景效果background-color设置元素的背景颜色body {    background-color:#ff0000;}background-image设置元素的背景图像,默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体。body {    background-image:url...

文章 2022-02-17 来自:开发者社区

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

CSS的基本使用CSS基本语法CSS 样式由选择器和一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个 CSS属性和属性值。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UTWoBo4l-1608793191440)(/QQ截图20200205160701.png)]选择器名 { 属性 : 属性值; ......}div { background-co....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注