笔记4_看张鹏老师html+css视频所得

最新推荐文章于 2022-05-21 15:16:20 发布
最新推荐文章于 2022-05-21 15:16:20 发布
阅读量2.4k 收藏
点赞数
分类专栏： 学习心得 文章标签： web前端开发 xhtml excel
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cherry_vicent/article/details/41576799
版权


1、网页布局：


（1）网页如何去排版(布局)---传统通过table进行排版----主流是通过xhtml+css布局


（2）布局的核心思想：----即过程

【1】分析页面结构图

【2】选择适合标签来规划我们的内容

【3】再通过css来控制这些内容样式


（3）布局分析：先从大的区域再到局部区域

最低0.47元/天 解锁文章
cherry_vincent
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
传智播客-PHP基础视频_html+css+js笔记
07-24
在"0608笔记"这个文件中，很可能是包含了传智播客PHP基础视频课程中关于HTML、CSS和JavaScript的讲解要点，以及可能的实践案例和问题解答。通过阅读和学习这些笔记，你可以对这三个核心Web技术有更深入的理解，并能...
HTML+CSS学习笔记.zip
01-01
HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...
网页的基本组成部分
diliannie1104的博客
08-28 8138
1) 结构层 HTML/HTML5 网页的骨架，HTML是网页内容的载体，内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2) 样式层 CSS/CSS3 CSS样式是表现。就像网页的外衣，比如，标题字体、颜色变化，或为标题加入背景图片、边框等，所有这些用来改变内容外观的东西称之为表现。 3) 行为层 Javascript JavaScript是...
web页面布局思想
dianpi2993的博客
01-09 159
一、盒子模型 网页可以看成由一个个"盒子"组成，如图： 由上图可以看出，页面分为上(网站导航)、中、下(版权声明)三个部分，中间部分又分为左(商品分类)、中(主要部分)、右，这些版块就像一个个的盒子，这些"盒子"中放置着各种内容，页面就是由这些"盒子"拼凑起来，先将这些“盒子”的位置样式确定下来，然后在分别确定“盒子”内的样式，绝对不会跑 盒子模型的相关属性 margin（外...
页面布局整体思路
牧小七的博客
04-21 506
为了提高网页制作的效率，布局时通常有以下的整体思路： 必须确定页面的版心（可视区），我们测量可得知。 分析页面中的行模块，以及每个行模块中的列模式。其实页面布局第一准则。 一行中的列模块经常浮动布局，先确定每个列的大小，之后确定列的位置。页面布局第二准则。 制作HTML结构。我们还是遵循，现有结构，后有样式的原则。结构永远最重要。 所以，先理清楚布局结构，再写代码尤为重要，这需要我们多谢多积累。 ...
CSS布局方案以及思路
m0_61934949的博客
03-21 1632
前言 在我们前端开发时，经常会遇到不同的场景页面布局问题，页面框架搭建是前端开发基础，也是十分重要的一环。本文先是对页面开发基本流程思路进行了总结，在此基础上对CSS布局常见方案进行梳理，涉及水平垂直居中、单列布局、两栏布局、圣杯布局、双飞翼布局、等高布局以及粘带布局。 全文概要 要点速看 网页开发基本思路：确定版心--》分析行模块--》分析列模块； 如果一行当中有多个模块，一定要放在同一个父模块中； 列模块首先可以先给宽高背景颜色，实例化盒子； 水平居中推荐使用方法：justify-co
html+css+js学习笔记.zip
01-01
html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记...
html+css前端学习笔记.zip
01-01
html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习...
前端的学习笔记HTML+css.zip
最新发布
01-05
前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css 前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css 前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css...
网页布局需要的基础知识总结
白菜编程之旅
04-24 770
知识目录1. block inline inline-block2. 盒模型3. 浮动4. position5. 上下左右居中左右居中上下居中6. css单位7. flex布局8. grid布局 1. block inline inline-block 2. 盒模型 3. 浮动 4. position 5. 上下左右居中 左右居中 元素左右居中是一件很容易的事 元素dispaly属性是inlin...
对网站CSS进行架构--布局思想
weixin_43601879的博客
04-03 205
http://www.zhangxinxu.com/wordpress/?p=944 转自张大神的博客 对小白来说实属清晰架构，css代码分离的思想，逻辑清晰。 要点摘要：
html的操作思想
建业的博客
08-24 243
网页中有很多数据，不同的数据可能需要不同的显示效果，这个时候需要使用标签把要操作的数据包起来（封装起来）， 通过修改标签的属性值实现标签内数据样式的变化。 一个标签相当于一个容器，想要修改容器内数据的样式，只需要改变容器的属性值，就可以实现容器内数据样式的变化。 ...
网页布局、样式精简总结记录（一）
林飞的梦呓
12-15 2456
看了十多篇文章，做个简要记录 一、网页布局思想浅议-淘宝新版首页为实例 流动性（自适应）布局 自适应布局，是指页面主体部分的宽度随着浏览器宽度的大小而发生改变 优点： 1. 显示器宽度利用率高，固定宽度的布局上，宽屏显示器用户的宽屏优势没有体现出来，比较浪费。 2. 网页的生命周期更长。 影响网页寿命因素：功能，web流行趋势，显示器的分辨率等。宽屏显示器的分辨率用户增多，不
HTML+CSS 五种布局方式
winne雪
11-23 3万+
已知布局元素的高度，写出三栏布局，要求左栏、右栏宽度各为300px，中间自适应。 一、浮动布局 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>浮动布局
HTML三大布局方式
weixin_46222426的博客
05-21 1万+
欢迎使用Markdown编辑器 提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录欢迎使用Markdown编辑器一、浮动布局 (float布局)二、使用步骤1.引入库2.读入数据总结 一、浮动布局 (float布局) 使用浮动来完成左中右三栏布局 float:left----左浮动 float:right----右浮动 注意：使用float浮动时，margin:0px auto;使块元素居中将会失效。 二、使用步骤 1.引入库 代码如下（示例）： import numpy a
CSS —— html布局选择与注意事项
永远的北极光
07-25 2437
一、定位 1、相对定位：relative 按不同元素类型默认布局出现在应该出现的位置，可设置相对移动位置。为默认值。 注意事项：外边距合并情况，仅当父元素与子元素都是默认定位(relative)，或指定为relative，且父元素合并边没有border时才会发生。 2、绝对定位：absolute (1)、所有父类元素都没指定position时，相对于body绝对定位。 (2)、
25个故事性网页设计，轻松讲述网页独有的故事！！！
设计“1+2”，摹客就够了！
09-10 2811
一个好的网页设计，不仅仅只是产品或公司企业相关信息的机械罗列。一个好的故事（尤其是一个准确把握受众需求，巧妙结合企业产品特色，并能够轻松引起用户共鸣的故事），更能赋予网页思想和灵魂，让用户不由自主停留，逐步深入，最终完成购买。 然而，如今打造一款极富故事性、艺术性和视觉效果的网页设计，并非易事。那么，对设计师而言，如何才能成功设计一款有故事且代入感极强的网页呢？ 下面小编就和大家一起了解一下，...
css 布局的几种方式
热门推荐
zhang6223284的博客
08-21 6万+
前言 1 table 布局 2 flex 布局 2.1 盒模型 2.2 display / poistion 2.3 flexbox 布局 3 float 布局 前言 CSS 的布局应该是 CSS 体系中的重中之重了，主要的布局方式有 table 表格布局（早期），float 浮动布局和 flex 布局，还有针对于移动端的响应式布局，不论是工作还是面试都是非常重要的知识...
韩顺平详尽教程：HTML+CSS+JavaScript与Memcache视频笔记
韩顺平的这套视频笔记和memcache笔记是针对网页设计HTML、CSS以及JavaScript的深入学习材料，非常适合初学者和进阶者进行系统复习和提升技能。本摘要将重点解析HTML和CSS的基础语法，以及在网页中应用的实例。 HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值