HTML与CSS(2)如果你想成为一名优秀的java架构师,看这里→乐字节免费公开课(腾讯课堂)如需要跟多资料请点击右侧→这是一条不归路,有秃头风险,请慎重选择!主要内容常用标签?HTML页面是由标签组成,不同的标签浏览器对其进行不同样式和内容的渲染,我们需要记忆常用的标签即可。大致可分为如下几类:标题、水平线、段落、换行、图片、表格、超链接、列表、表单、下拉列表、div和span等。标题和水平线
分类:
编程语言 时间:
2020-06-08 17:36:10
阅读次数:
70
def pt_line(c,times): #形参 print(c*times) times=5 char="*" row=0 while row<5: pt_line(char,times) # char ,times 实参 row+=1 循环里面的pt_line 执行时,传递参数进入第一行执行, ...
分类:
其他好文 时间:
2020-06-08 09:28:42
阅读次数:
72
一、静态布局(Static Layout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动 ...
分类:
其他好文 时间:
2020-06-07 15:16:01
阅读次数:
65
我们知道,rem可以用来控制字体大小,也就是font-size,那么rem也可以用在例如height和width地方吗,完全使用rem把px取代掉,可以吗? 我自己写了个demo,发现有一个很奇怪的现象:rem可以用在width和height,但是有点不准确。 <!DOCTYPE html> <ht ...
分类:
Web程序 时间:
2020-06-07 14:59:43
阅读次数:
84
一.CSS字体属性 1.字体样式 p { font-family: “字体1",“字体2"; } 2.字体大小 p { font-site: 20px; } 单位:px(像素) 3.字体粗细 p { font-weight: 属性值; } 属性值: 值 效果 normal 不加粗(默认值) bold ...
分类:
Web程序 时间:
2020-06-07 14:52:56
阅读次数:
83
(function flexible (window, document) { var docEl = document.documentElement var dpr = window.devicePixelRatio || 1 // adjust body font size function ...
分类:
Web程序 时间:
2020-06-06 18:35:32
阅读次数:
115
字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-heigh ...
分类:
Web程序 时间:
2020-06-05 21:11:47
阅读次数:
114
直接上代码。 Vue+Sass,在_function.scss中写入,然后对对应的页面需要import即可(或者全局引入) $designWidth: 750; @function remVal($px) { @if unitless($px) { @return $px * $designWidt ...
分类:
其他好文 时间:
2020-06-05 14:56:36
阅读次数:
106
基本概念 * css像素、设备像素、逻辑像素、设备像素比 * viewport * rem 1. css像素、设备像素、逻辑像素、设备像素比 大家可以先看这篇文章了解一下基本概念。 css像素:我们大家经常写高多少px,宽多少px,这个就是px像素。 逻辑像素:其它就是css像素,他们其实是同一回事 ...
分类:
其他好文 时间:
2020-06-04 21:38:00
阅读次数:
115
做移动端时,适配 是必须的。使用rem单位,可在不同屏幕上完美显示相同的布局。px2rem 插件方便的将px单位转为了rem。 1. 自己手动构建vue webpck配置 我们在开发过程中,我们在css文件中,直接按设计稿,直接以px像素为单位,然后在真正的应用中,我们想让px自动转制为rem单位, ...
分类:
Web程序 时间:
2020-06-04 19:21:17
阅读次数:
98