打HTML代码的基础常识(快速理解入手)

打HTML代码的基础常识

开发工具与关键技术:DW 、css、js
作者:邱慧敏
撰写时间:2019.01.18

1.在HTML中嵌入 css和JavaScript
1、在html源代码中想要实现css的样式 就必须用 <style> </style> 标签
一般放在 <head></head> 之间
如图1
在这里插入图片描述

/2、在html源代码中想要实现JavaScript的样式 就必须用 <script> </script>标签,一般放在 <head></head> 或者<body></body>
如图2
在这里插入图片描述

2.展开/收起 按钮的失误
点击一次展开按钮时无反应,收起和展开按钮点击事件相反,优先考虑是否是js代码打错
如图3
在这里插入图片描述

3.鼠标移上去之后图片有明显被选中的效果
图片的阴影是 css3中的box-shadow 向边框添加阴影部分
如图4
在这里插入图片描述

4.圆角效果
用 css3
指定圆角边框的圆角半径:border-radius
指定左上角的圆角半径:border-top-left-radius
指定右下角的圆角半径:border-bottom-right-radius
效果图

在这里插入图片描述

没有更多推荐了,返回首页