admin管理员组

文章数量:1794759

CSS概述

CSS概述

CSS简单介绍

HTML 结构

CSS 表现

Javascript 交互

  • css是什么

  • 怎么用

  • css选择器（重点+难点）

  • 美化网页（文字美化，阴影，超链接，列表，界面）

  • 盒子模型

  • 浮动

  • 定位

  • 网页动画（特效）

    • 参考：菜鸟教程

    什么是CSS

    cascading style sheet 层叠样式表

    CSS：表现（美化表现）

    字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动

    发展史

    CSS1.0

    CSS2.0 DIV（块）+css HTMl与CSS结构分离，网页变得简单。SEO搜索引擎优化

    CSS2.1 浮动 定位

    CSS3.0 最新功能：阴影 ，圆角边框，动画 浏览器兼容性

    快速入门 html与css一体时：

    head中写style，css内容写在style里面

    语法：

    每一个声明最好使用分号结尾

    ​ 选择器{

    ​ 声明1；

    ​ 声明2；

    ​ 声明3；

    }

    <head> <meta charset="UTF-8"> <title>Title</title> <style> h1{ color: red; } </style> </head> html与css分离时

    IDEA中创建style sheet文件，然后直接写选择器加声明

    两者通过html中的link标签进行连接，外部引用

    <link rel="stylesheet" href="style.css"> CSS的优势
  • 内容和表现分离
  • 网页结构表现统一，可以实现复用
  • 样式十分丰富，可以自由选择
  • 建议使用独立于html的css文件
  • 利于SEO，容易被搜索引擎收录

    • 本文标签： css

    版权声明：本文标题：CSS概述 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686969374a123674.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。