网页的重要性评级:

1. 网页的排名。

2. 标签的语义化,正确的标签做正确的事情。

3. 提升网页的加载速度。1. CSS代码优化,代码的正确排列顺序,不正确的代码会导致浏览器解析代码回流,会拖慢浏览器的加载速度。

2. 减少图片服务器的请求数量,可以用雪碧图来减少。

4. 重排,代码属性使用不正确,会导致浏览器解析代码重排。

5. javascript脚本的优化,前提是有一定的功底。

6. 网页的效果。

7. http:/ /www.i is7.co m/b/zhizhu/

详情可查看HTML标签权重分值表。

h1~h6的使用,h1用于网站logo,h1~h3用于网站的首页,h4~h6用于网站的附页。

display:flex,开启弹性盒模型

flex-wrap:wrap,强制换行

justify-content:space-between,弹性子元素水平均分

align-items:center,弹性子元素竖直均分,要和弹性盒模型的高度一样,在子元素中用margin:auto,也可以水平竖直均分。

CSS属性书写顺序

1. 布局定位属性 如:display / list-style / position(相应的 top,right,bottom,left) / float / clear / visibility / overflow

2. 自身属性 如:width / height / margin / padding / border / background

3. 文本属性 如:color / font / text-decoration / text-align / vertical-align / white- space / break-word

4. 其他(CSS3) 如:content / cursor / border-radius / box-shadow / text-shadow / background:linear-gradient

html怎么制作附页,HTML和CSS属性的正确书写规范相关推荐

  1. 通栏导航栏的制作,综合使用CSS属性,代码不超过30行

    这篇文章,小编带领大家一同做一个利用CSS技术实现的导航栏.通过这个导航栏的制作,希望大家能够对前几篇文章中学习到的CSS属性能有一个整体的认识,并能够达到灵活运用的程度. 承接文章:灵活控制块级元素 ...

  2. 企业中书写css,web前端开发企业级CSS常用命名,书写规范总结(示例代码)

    (1)页面结构 容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column ...

  3. html5属性单词,常用的CSS属性的英文单词总结及用法、解释

    在div css制作中常用的CSS属性的英文单词介绍.解释与css样式用法总结.这些单词无需一定要记住会拼写,但是要求看见他们就能认识他们并知道他们的属性及用法,这里有个记住他们属性的技巧就是多制作和 ...

  4. CSS 样式书写规范,css样式书写规范

    在工作当中css样式是非常重要的,但是咋样书写css样式更重要. 一.css书写规范 1.定位属性:position  display  float  left  top  right  bottom ...

  5. css元素与浏览器边框,别具光芒CSS属性、浏览器兼容与网页布局

    别具光芒CSS属性.浏览器兼容与网页布局 语音 编辑 锁定 讨论 上传视频 上传视频 <别具光芒CSS属性.浏览器兼容与网页布局>是2008年人民邮电出版社出版的图书.该书结合大量范例与实 ...

  6. 前端笔记(7)css属性书写顺序,布局流程,chrome调试工具

    css样式表/层叠样式表(5) css属性书写顺序 布局流程 chrome调试工具 css属性书写顺序 布局定位属性 display / position / float / clear / visi ...

  7. web前端入门学习 css(5)(浮动)(ps切图)(css属性书写顺序)(学成在线网站案例)

    文章目录 传统网页布局的三种方式 标准流(普通流.文档流) 浮动(为什么需要浮动?) 浮动特性 浮动元素会脱离标准流,可以与普通流的元素相重叠 如果多个盒子都设置了浮动,则它们会按照属性值一行内显示并 ...

  8. html和css制作动漫岛,CSS动画

    transition 早期要实现动画效果,都是依赖于JavaScript或Flash来完成.但在CSS3中新增加了一个新的模块transition,它可以通过一些简单的CSS事件来触发元素的外观变化, ...

  9. CSS3制作动画的三个属性

    CSS3属性中有关于制作动画的三个属性:Transform,Transition,Animation:我们一起学习完了Transform和Transition,让我们对元素实现了一些基本的动画效果,这 ...

最新文章

  1. 手机主宰了你的生活,这不是乔布斯想看到的
  2. 【计算机网络】传输层 : TCP 连接管理 ( TCP 连接建立 | 三次握手 | TCP 连接释放 | 四次挥手 )
  3. mysql5.6英文版安装步骤_mysql5.6版本安装步骤详解
  4. 按钮悬浮固定在微信小程序底部
  5. html css控制优先级,css权重及优先级问题_html/css_WEB-ITnose
  6. java jsp校验提示信息_java Jquery表单校验代码jsp页面
  7. windy数(BZOJ-1026)
  8. mysql 连续签到天数_瑞士军刀Redis(二)用户签到
  9. Mongodb 学习
  10. Frammer X for mac(mac高清视频截图工具)
  11. idea关闭html校验,怎么样关闭IntelliJ IDEA的javascript提示
  12. 深度学习之一---什么是神经网络
  13. 小米4降级android版本,小米MIUI不再允许降级,小心手机变砖
  14. 计算机课堂热身游戏,简单的两款小游戏,带你回味和同学在电脑课上的时光
  15. 路由器刷机解决学校无线上网问题(小米4A千兆版)
  16. android官方自带下拉刷新功能
  17. HBase(一):概述
  18. 港科夜闻|香港科大2021年本科计划招生190人,首推人工智能延伸主修
  19. 【网站翻译】【个人博客】【小牛翻译】嚯?我的博客网站没有翻译功能也能翻译了?一段代码给自己的博客网站添加多一份翻译~
  20. 【西门子案例】西门子1200PLC 传送带控制升级版

热门文章

  1. 科园贸易:帆软助力其推动数据应用落地,打造自主可控数据平台
  2. 想学会财务分析:先看懂三大表
  3. 敏捷BI的业务模型是怎样的,为何能替代手动建模?
  4. 有关《8zsb》的一些介绍
  5. 整个互联网真的是呈现出一种勃勃的生机
  6. 我们很需要“企业即时通讯”
  7. C++中直接存取类私有成员[360度]
  8. 想加入IT行业为何建议你学Python,不要错过时机哦
  9. 别再学习框架了,看看这些让你起飞的计算机基础知识
  10. 经典面试题(45):以下代码将输出的结果是什么?