栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

JAVA程序员笔记(第二阶段:前端)第2篇——样式 CSS

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JAVA程序员笔记(第二阶段:前端)第2篇——样式 CSS

补充一个表单:

    

爬山 游泳 学Java 听音乐 跑步

样式

光有文本并不够,我们还需要用样式,做效果。
为了更方便找到一个或者多个标签,我们可以在标签中,添加
class 或者 id

  • class可以重名,可以选中多个名叫calss=dot的标签
  • id 唯一,每个html文件中,只能有一个 例如 id="123"的标签

选中标签:
.+class名 选中类
#+id名 选中id
在head标签中,添加style标签:


    
    Title
  

即可选中标签,在{ }中 添加样式就可以对标签进行控制

各种样式如图所示,试试效果记住名字。


display块级元素的转换



    
    Title
  


百度

将注释的 display: none; 取消注释,点开右上角 谷歌浏览器(没有的建议下一个),进入网页查看效果。

background背景样式



    
    Title
    



雪碧图的使用

添加图片时,尽量将需要的图片,放入idea下自己创建的image文件进行管理。可以直接拖入,记得该图片后缀.jpg .png等等 都可以
而雪碧图只是图片的一种,通常是将各个需要的图案放在同一个图片中:

这就是一个轮播图的左右跳转的特效雪碧图
通过样式操作,只显示雪碧图其中的一部分,显示在特定的位置,来完成网页设计。




    
    Title
    





联系我
付款
收藏
用户
购物车
菜单



简单的网站导航页制作:

前端的视觉效果设计,没有绝对的标准,可以自己按调整样式,做出自己想要的效果。




    
    Title
  







转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/273839.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号