首页 / CSS / CSS(一)：认识CSS

CSS(一)：认识CSS

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS(一)：认识CSS，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1965字，纯文字阅读大概需要3分钟。

内容图文

1.什么是CSS

CSS 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。

-moz-transform:translateX(20px);
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px);

transform为CSS3的新属性，各浏览器都需要添加前缀来支持。

2.CSS能做什么

  • 样式定义如何显示HTML 元素。
  • CSS把很多以前需要使用图片和脚本来实现的效果、甚至动画效果，只需要短短几行代码就能搞定。比如圆角，图片边框，文字阴影和盒阴影，过渡、动画等。
  • CSS简化了前端开发工作人员的设计过程，更灵活的页面布局，更快的页面加载速度。
  • 可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的代码，那么整个站点的所有页面都会随之发生变动。
  • 目的：将表现与结构分离。
/* style.css */

body{
    background-color:#ccc;
}
h1{
    font-size:16px;
    font-family:"微软雅黑";
    font-weight:normal;
}


<head>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <h1>这是标题</h1>
</body>

3.CSS语法结构

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明，选择器通常是你需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性（property）是你希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。

p{                  /* 选择器 */      
    color:red;      /* 属性:值; */
}

4.如何引入CSS

引入样式表的方法有三种：

  • 外部样式表
  • 内部样式表
  • 内联样式

　　4.1 外部样式表

　　　　当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在（文档的）头部：


　　

　　4.2 内部样式表

　　　　当单个文档需要特殊的样式时，就应该使用内部样式表。可以使用

内容总结

以上是互联网集市为您收集整理的CSS(一)：认识CSS全部内容，希望文章能够帮你解决CSS(一)：认识CSS所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/394879.html

来源：【匿名】