补充一个表单:
样式
光有文本并不够,我们还需要用样式,做效果。
为了更方便找到一个或者多个标签,我们可以在标签中,添加
class 或者 id
- class可以重名,可以选中多个名叫calss=dot的标签
- id 唯一,每个html文件中,只能有一个 例如 id="123"的标签
选中标签:
.+class名 选中类
#+id名 选中id
在head标签中,添加style标签:
Title
即可选中标签,在{ }中 添加样式就可以对标签进行控制
各种样式如图所示,试试效果记住名字。
display块级元素的转换
Title
百度
将注释的 display: none; 取消注释,点开右上角 谷歌浏览器(没有的建议下一个),进入网页查看效果。
Title
雪碧图的使用
添加图片时,尽量将需要的图片,放入idea下自己创建的image文件进行管理。可以直接拖入,记得该图片后缀.jpg .png等等 都可以
而雪碧图只是图片的一种,通常是将各个需要的图案放在同一个图片中:
这就是一个轮播图的左右跳转的特效雪碧图
通过样式操作,只显示雪碧图其中的一部分,显示在特定的位置,来完成网页设计。
Title
联系我
付款
收藏
用户
购物车
菜单
简单的网站导航页制作:
前端的视觉效果设计,没有绝对的标准,可以自己按调整样式,做出自己想要的效果。
Title



