学习HTML的笔记

不知不觉我已经踏上了这条程序猿的不归路,从最基础的HTML标签开始学习,道阻且艰。谨用简书来记录这些

即使敌众我寡,末将亦能万军丛中取敌将首级!

框架
  1. 公司开发流程 产品需求: 由产品经理给出 注意 最好要有文档 产品设计: 视觉设计师 和 交互设计师 前端开发: 后台开发: 测试: 上线运营:
  2. 前端的三要素 HTML 结构 CSS 行为 JS 样式 HTML的基本结构我就不说了

CSS 又称层叠样式表
  1. 内联(行间)样式表 在标签内部书写 优点:优先级非常高 缺点: 代码非常多,维护非常困难 使用场景:针对个别特殊的进行修饰
  2. 内部样式表: head 标签的内部用<style></style> 优点: 一定程度上实线代码和样式的分离,速度块,没有额外的服务器的请求压力 缺点:造成单个页面体积过大 代码较乱,前后端沟通困难 使用场景: 大型网站的首页
  3. 外部样式表:head标签的内部 用<link rel = "stylesheet" type = "text/css" href = "文件路径"> 优点: 复用性强,一个样式表可用于多个页面 ,维护方便,便于改变,代码简洁,易于分工协作 缺点:容易混淆,会有垃圾代码,会造成服务器请求压力 使用场景: 公共样式的设计,大型网站的二三级页面 引入方式的优先级问题 内联>内部?外部 如果优先级相同,谁后加载谁生效 如果优先级不同,优先级高度生效

CSS 选择器(重要)

  1. 标签名选择器 标签名称 + {}
  2. 类(class)选择器 . + class 名称 + {}
  3. ID选择器 # + ID名称 + {} 优先级问题: ID > class >标签名

背景

  1. 背景颜色 background-color
  1. 设置背景图片 我直接用背景的复合写法吧

记得还有个坑大家千万不要踩

border边框

边框常用的样式:

  • solid 实线
  • double 双实线 如果为1px显示为一条实线
  • dashed 虚线 在大多数浏览器里显示为实线
  • dotted 点状线 在大多数浏览器里显示为实线

拓展样式




本文分享自微信公众号 - 大数据钻研(bigdata118)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-01-07

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏怀英的自我修炼

考研英语-1-导学

英二图表作文要重视。总体而言,英语一会比英语二难点。不过就写作而言,英语二会比英语一有难度,毕竟图表作文并不好写。

12210
来自专栏FSociety

SQL中GROUP BY用法示例

GROUP BY我们可以先从字面上来理解,GROUP表示分组,BY后面写字段名,就表示根据哪个字段进行分组,如果有用Excel比较多的话,GROUP BY比较类...

5.2K20
来自专栏haifeiWu与他朋友们的专栏

复杂业务下向Mysql导入30万条数据代码优化的踩坑记录

从毕业到现在第一次接触到超过30万条数据导入MySQL的场景(有点low),就是在顺丰公司接入我司EMM产品时需要将AD中的员工数据导入MySQL中,因此楼主负...

30440
来自专栏腾讯高校合作

【倒计时7天】2018教育部-腾讯公司产学合作协同育人项目申请即将截止!

16220
来自专栏钱塘大数据

中国互联网协会发布:《2018中国互联网发展报告》

在2018中国互联网大会闭幕论坛上,中国互联网协会正式发布《中国互联网发展报告2018》(以下简称《报告》)。《中国互联网发展报告》是由中国互联网协会与中国互联...

13750
来自专栏Ken的杂谈

【系统设置】CentOS 修改机器名

18330
来自专栏钱塘大数据

理工男图解零维到十维空间,烧脑已过度,受不了啦!

让我们从一个点开始,和我们几何意义上的点一样,它没有大小、没有维度。它只是被想象出来的、作为标志一个位置的点。它什么也没有,空间、时间通通不存在,这就是零维度。

34830
来自专栏前端桃园

知识体系解决迷茫的你

最近在星球里群里都有小伙伴说道自己对未来的路比较迷茫,一旦闲下来就不知道自己改干啥,今天我这篇文章就是让你觉得一天给你 25 个小时你都不够用,觉得睡觉都是浪费...

22440
来自专栏腾讯社交用户体验设计

ISUX Xcube智能一键生成H5

51520
来自专栏微信公众号:小白课代表

不只是软件,在线也可以免费下载百度文库了。

不管是学生,还是职场员工,下载各种文档几乎是不可避免的,各种XXX.docx,XXX.pptx更是家常便饭,人们最常用的就是百度文库,豆丁文库,道客巴巴这些下载...

44730

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励