高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年网页设计页面属性大小(共3篇)

网页设计页面属性大小 第1篇

国际上规定的标准的广告尺寸有下面八种,并且每一种广告规格的使用也都有一定的范围。一、120×120,这种广告规格适用于产品或新闻照片展示。

二、120×60,这种广告规格主要用于做LOGO使用。

三、120×90,主要应用于产品演示或大型LOGO。

四、125×125,这种规格适于表现照片效果的图像广告。

五、234×60,这种规格适用于框架或左右形式主页的广告链接。

六、392×72,主要用于有较多图片展示的广告条,用于页眉或页脚。

七、468×60,应用最为广泛的广告条尺寸,用于页眉或页脚。

八、88×31,主要用于网页链接,或网站小型LOGO。  其中关于网站的LOGO,目前有三种规格:*31 这是互联网上最普遍的LOGO规格。

*60 这种规格用于一般大小的LOGO。

*90 这种规格用于大型LOGO。

网页设计页面属性大小 第2篇

例如:

其中src为属性,=等于号后的称为属性值

属性名=属性值

也可以起名字,类名class

默认情况下一个容器占一整行

想加加颜色即描述容器,用css语言,style=“”;分号表示结束

css一个分号结束一条css语句

width宽度 px为像素的意思

所以html和css一定是放在一起学的。

标签大约有120多个左右,常用的也就20多个左右。

每个标签常用的也就有四五个属性,属性就像每个英雄有四五个技能

查资料 搜W3C,有个w3c教程,自己学。

写样式的方法:

1.行间样式

2.嵌入样式:

通过是

.表示时class名 ,即类名

style后的type可加可不加

通过style标签写在head标签中

3.外联样式

彻底分离,写在CSS文件中

优点:

效率高,同时修改替换

新建:最好与html文件对应

通过link标签,加到head文件中,href中的路径不一定是本地的也可以是在线的。

rel为,type可有可无,herf为链接

标签名前不加. class名前要加., 语言规范

结构在html中写,样式在css中写

span标签

不会独占一行

br标签代表空的一行

注释c+/

div是块级标签,block 特点: 1.可以定义宽度高度(如果不定义宽度,默认占满顶行) 2.不管多大多小,独占一行

显示属性:

属性的特点不一样,用法也不一样

只要能看到的具体大小的就用块级标签,不能用内联-块级标签

因为块级标签是顶格对齐

而内联标签是文字基线对齐

空隙是内联标签换行空格带来的

那块状标签默认是上下排列的,如何让他们横向排列呢?

.方法叫选择器,通过类名选择选择器,

独占一行指独占父级的一整行

原因:网页布局是分层的,分三层

1.最底层:普通文档流

不加float时,默认为普通文档流

普通文档流中是分块级和内联的。

2.中间层:浮动层

元素浮动以后会提升到浮动层

所有浮动层的元素默认横向排列

CSS的注释 /* */

浮动层中不分块级和内联,都可以定义宽高,都是横向排列。

子级浮动,父级清除浮动,父级不清楚的话,内容会发生重叠。

如何清楚浮动?

1.要恢复父级的高度,手动写。缺点:父级的高度定死了。超过的称为内容溢出,溢出是不会把下面的顶下去的。

溢出隐藏的意思。要算溢出的内容的要给定高度,强制计算父级的高度,强制父级格式化。

3.最高层是定位层

上午最重要的两个点: 1.三个显示属性

2.浮动:子级如何设浮动?重叠后如何清父级浮动?

body不需要清浮动

就近原则

浮动会自动折行,如果遇到高度不一致的话,会卡在那里,就像流水一样卡在那里

外边域

在普通文档流中,margin top和buttom和合并,称为塌陷

在浮动层上,是相加的,不会塌陷

如果没有任何空间中阻隔,会出不去

子级溢出父级

用padding,

overflow:hidden

盒子模型,不仅自己本身有大小宽高,而且外面还有

padding 内边距

border 边界

margin外边距

开发者工具:

user agent stylesheet

用户引擎

margin-block-start: 1em;

​ margin-block-end: 1em;

​ margin-inline-start: 0px;

​ margin-inline-end: 0px;

对应上右下左,谷歌的私有写法,1em在这里等价于16像素

网页设计页面属性大小 第3篇

涉及到适配器的问题

根据屏幕的宽度,会调整界面的显示,进行宽度的适配,又叫自适应界面,响应式界面

自适应页面(响应式页面):可以根据用户屏幕宽度做出改变

(当然现在也还有很多使用定宽页面)

一个网页相当于一个房间,一个个内容的摆放,相当于是把内容放进是一个个盒子中,然后摆放盒子,这个盒子叫做容器,盒子与盒子之间可以嵌套,所以容器与容器之间也可以嵌套。

所以网页布局的布局的不是内容,是容器

网页设计本质上探讨的都是空间的问题

猜你喜欢