CSS基础笔记整理

最新推荐文章于 2024-06-07 19:12:10 发布

薇洁

最新推荐文章于 2024-06-07 19:12:10 发布

阅读量72

点赞数

本文链接：https://blog.csdn.net/qq_51513645/article/details/117519600

版权

1、什么是CSS?

CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。

2、使用CSS的三种方式

1.内联样式：color:red color为样式名，red为样式值，内联样式一般不使用，开发当中基本上不会出现内联样式。

2.内部样式：只适用于当前网页，在<head>标签中定义<style>标签进行样式修改。

3.外部样式：适用于多个网页共享样式使用最多。在网页中引入外部样式使用link标签。

样式优先级：内联样式>内部样式>外部样式

3、CSS选择器

1.元素选择器：通过元素名选择。

2.id选择器：id选择器在元素中是唯一命名的,绝对不能重复，CSS 中 id 选择器以 "#" 来定义。注意： id 属性不能以数字开头。

3.类/class选择器使用最频繁，可以重复命名，通过.+类名选中。一个元素当中可以使用多个类名，用空格隔开。

4.伪类选择器（是一种特殊类）：表示元素的特殊状态。点击时效果，鼠标引入时效果。

（1）frist-child:同类元素中的第一个元素。

（2）last-child:同类元素中的最后一个元素。

（3）nth-child():选择同类元素中指定元素。

n 表示0到正无穷

2n 表示偶数行

2n+1表示奇数行

5.超链接的伪类：针对于同一个元素来说，内联样式 > id >class >元素。

a:link{color:#FF0000;}         /* 未访问的链接显示为红色 */
a:visited{color:#00FF00;}      /* 已访问的链接显示为绿色 */
a:hover{color:#FF00FF;}        /* 鼠标划过链接显示为紫红色 */
a:active{color:#0000FF;}       /* 已选中的链接显示为蓝色 */

4、CSS背景(background)

background 属性用于定义 HTML 元素的背景。
定义元素背景效果的 CSS 属性有五种：

background-color          背景颜色
background-image          背景图像
background-repeat         背景图像设置水平或垂直平铺或不平铺
background-position       背景图像设置定位
background-attachment     背景图像设置固定或滚动

背景属性简写：
body{
    background:green url('images/fix.gif') no-repeat fixed 12px 24px;
}
当使用简写属性时，属性值的顺序依次为：
background-color --> background-image --> background-repeat --> 
background-attachment --> background-position

这是我整理的学习笔记，部分是网上查的资料。如有侵权，请联系我删除。

薇洁

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS基础笔记整理

1、什么是CSS?CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。...
复制链接

扫一扫