HTML、CSS学习心得

HTML是一门超文本标记语言。
超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准, 它通过标记符号来标记要显示的网页中的各个部分。
那我就讲一下我学习HTML和CSS所收获的
HTML的网络术语
在这里插入图片描述
HTML的编辑工具
个人感觉是EditPlus和Dreamweaver这两个编辑工具比较好
以下是这两个工具的对比情况:
Dreamweaver:
在这里插入图片描述
EditPlus:
EditPlus可取代记事本的文字编辑器,拥有无限制的撤消与重做、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。而它还有一个好用的功能,就是它有监视剪贴板的功能,同步于剪贴板可自动粘贴进 EditPlus 的窗口中省去粘贴的步骤。(个人觉得EditPlus能够现做现看)
但最为重要的还是HTML里面的各种标签

HTML的标签
排版标签
在这里插入图片描述

字体标签
在这里插入图片描述
里面的标签的一些属性有很多都是共有的,比如像一些width,height,color之类的

图片链接类
在这里插入图片描述
要注意的是target属性可以将页面控制在设置的目标里面

清单标签
在这里插入图片描述
这几种方式只是表现形式不一样

表格标签
在这里插入图片描述
在这里插入图片描述
做表格时要注意排版,利用盒子模型设计。

框架标签
在这里插入图片描述
框架要与target组合使用,让出现的页面显示在框架中
内嵌框架iframe标签只是适合IE浏览器

还有一个比较重要的就是表单
表单标签
form标记的边框和边框名称:fieldset和legend
在这里插入图片描述

CSS是一种用来表现HTML或XML等文件样式的计算机语言。
在我看来,CSS就是用来辅助HTML的
在这里插入图片描述
CSS的属性和单位是挺多的
在这里插入图片描述
虽然这些很多,但是要经常使用
提一下float属性:float的值有“none”“left”“right”三个,都可以改变文本流。
常用的还是字体颜色和背景

还有比较常用的选择器:基本选择器和扩展选择器
要注意他们之间的冲突
在这里插入图片描述
提一下前面的盒子模型
在这里插入图片描述
盒子模型在具体的实现起了调节的作用
定位属性的绝对定位和相对定位对排版起了很大的作用

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值