【转型JAVA CSS 基础day01】

文章目录

• 一点感悟
• 一、CSS 学习资料
• 二、学习计划
• 三、学习感悟
• • 第1章 HTML5介绍
  • 第2章 HTML5语义化标签
  • 第3章 HTML5效果标签
  • 第4章 HTML5列表标签
  • 第5章 HTML5图片，链接及表格标签
  • 第6章 HTML5表单标签，与浏览者交互
  • 第7章 CSS3介绍，为网页添加样式
  • 三种方式的优先级 内联式 > 嵌入式 > 外部式(其实是最近原则)
• 总结

---

一点感悟

公司产品线更新,新的产品主要使用java开发,并且由原来的C/S架构转为B/S架构，写个播客鞭策下自己。(发文前看下了自己的账号信息 码龄15年 心态放开些活到老学到老,来者可追)
有空再把原来 GitHub 上的一些学习心得也搬运过来

---

一、CSS 学习资料

课程目前白嫖的慕课网
初识HTML(5)+CSS(3)-2020升级版

二、学习计划

出差因为疫情今天也不能回家。先草览了下计划把这个初始HTML先学完。根据前两章的学习情况今天计划学到完第八章（全文共15章）
看看这个资料的说明
难度入门 时长 9小时18分 学习人数1200185 综合评分9.50
可以看出这个资料有多牛逼

三、学习感悟 第1章 HTML5介绍

这份资料的开始篇我觉得非常的好。其实以前看过某些HTML之类的书（看过 看到过 这个词圈起来要考），但是那些书就像学校的教材写的很好，但是不想看。这个就不一样了它就像网络小说，看完第一章就引人入胜迫不及待的想看下一章

第2章 HTML5语义化标签

知识点: span hx div header footer secition aside 这几个标签
多个span样式

    
    
    



    
    
格式一
    
    
    
格式二
    

第3章 HTML5效果标签

这一章就3个知识点 按照这个进度可能调整下计划,估计后面章节的内容的和前面章节知识点的比例区别很大
知识点:

   
 换行,空格,水平分割线,

第4章 HTML5列表标签

知识点:

没有顺序的列表标签
 
有顺序的列表标签

第5章 HTML5图片，链接及表格标签

知识点:

图片 
超链接 

链接显示文本 target="_self" target="_blank"
表格 表格
一行表格
表格头
一个单元格
boder 属性:表格边框
表格头
表格体
表格脚

第6章 HTML5表单标签，与浏览者交互

这一章的信息量明显增多
知识点

form 表单 methon 数据传输的方式 action 浏览者的数据被传输到的地方

lable for

用户名
密码

input type (后续还是只列知识点就好,写得更详细后觉得还不如拷贝原文说的透彻)

 value="" />

textarea 文本域 ,属性 cols 列数 rows 行数

label for 属性,点击lable文本,触发对应id的控件,或者说对应的id控件获取焦点

input type :radio 单选框 checkbox: 复选框 (同一组的name必须一致)

        男
        
        女
        

select option 下拉菜单

        
            看书
            旅游
            运动
            购物
        

input type: submit 提交按钮

        姓名：
        
        

input type: reset 重置表单按钮

        姓名：
        
        
		

以上内容学习完,耗时差不多2个小时

第7章 CSS3介绍，为网页添加样式

段落文本外观设置

    p {
        font-size: 20px;
        
        color: red;
        
        font-weight: bold;
        
    }

cascading style sheets 样式由选择符和声明组成，而声明又由属性和值组成

    p {
        font-size:12px;
        color:red;
        font-weight:bold;
    }

css 的注释(同其他编程语言)

    p {
        font-size:12px;
        color:red;
    }

css三种样式 内联式css,嵌入式,外部式
内联式css

慕课网，超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学

嵌入式

外部式:就是将css内容使用文件保存