首页 > 编程语言 > 详细

Java学习的第十四天:css的基础学习:

时间:2021-06-29 08:45:16      阅读:10      评论:0      收藏:0      [点我收藏+]

什么是css

如何学习:

1、css是什么

2、css怎么用(快速入门)

3、css选择器;(重点+难点)

4、美化网页(文字,阴影,超链接,列表,jingb)

5、盒子模型

6、浮动

7、定位

8、网页动画(特效)

1、什么是css

cascading Style sheet 层叠级联样式表

css: 表现层(美化网页)

字体,颜色,边距饿,高度,宽度,背景图片;

1.2发展史

css 1.0

css 2.0 : DIV(块)+CSS HTML+CSS结果化思想,网页变的简单 SEO

 

css 2.1 :浮动,定位;

css 3.0:圆角,阴影,动画。。 浏览器金融性:

1、3快速入门:

技术分享图片

 

<!--    style 里面可以书写css代码
语法:
规范:每一个声明,最好用分号结尾:
选择器{
  声明1;
  声明2;
  声明3;
}
?
?
-->

 

建议使用这种规范:

技术分享图片

 

css优势:

1、内容和表现分离:

2、网页结果表现统一,可以实现复用;

3、样式十分的丰富;

4、建议使用独立与HTML的css文件

5、利用SEO,容易被搜索引擎收录。

Vue:

三种导入css的导入模式:

 

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>css2</title>
   <style>
<!--       爱仕达-->
       h1{
   color: aqua;
}
   </style>
</head>
<body>
?
<!--优先级: 就近原则::-->
<!--在标签中 编写一个style属性:-->
<h1 style="color: aqua">
  aasdasd
</h1>
?
</body>
</html>

扩展

外部样式两种写法: 链接式:

<link rel="stylesheet" href="css/style.css">

 

导入式:这个是CSS2.1特有的:

<style>
   @import "style.css";
?
</style>

这两种的一个说法就是: 导入式的话:就是先出网页,然后在加载它的一些样式:

链接式的话:就是网页和他的一些样式是同时出来的。

 

选择器

作用: 选择页面上的某一个或者某一类的元素

2、1 基本选择器:

1、标签选择器:

2、类选择器: class

3、id选择器;

ID选择器:

id保证全局唯一:

不遵循就近原则,固定的,

ID选择器id》类选择器calss》 标签选择器

Java学习的第十四天:css的基础学习:

原文:https://www.cnblogs.com/954321xx/p/14948073.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!