CSS
CSS概述
CSS指的是层叠样式表(Cascading Style Sheets),它可以控制网页的布局,用于渲染HTML元素标签的样式。HTML表示页面的结构和内容,而CSS 描述了页面的样式,让一个页面变得好看起来。每个CSS语句包含两个部分:选择器 + 应用的属性
CSS的引入方式
-
行内样式
在某个标签中引入 style 属性,来指定样式
-
内联样式
写在 style 标签中,嵌入到 html 内部的样式
(内联样式适合特别简单的情况,样式较复杂不建议用)
-
外部样式
把 CSS 代码单独提取出来,放到一个 .css 文件中,然后在 html 代码里,通过 link 标签,来引入该 CSS 文件
选择器
选择器的功能就是选中页面的元素(标签)
-
基础选择器
(1)标签选择器,用 html 的一个标签名写的选择器
(2)类选择器,在 CSS 代码中创建一个类名,此时具有该类名的元素,都会应用上相关的 CSS 属性
(3)id选择器,给被选中的元素(标签),设置个 id 属性
(4)通配符选择器,直接选中页面上的所有元素,一般最大的用途是取消浏览器的默认样式
-
复合选择器
(1)后代选择器,实现选择器能够选中某个元素里面的后代元素的方法,用多个选择器组合使用
(2)子选择器,一种选择器嵌套另外一种选择器
(3)并集选择器,并列写多个选择器
常用元素属性
-
字体属性
(1)字体样式,如宋体、微软雅黑等
(2)字体大小
(3)字体粗细
(4)文字样式,如斜体或不斜体字 -
文本属性
(1)文本颜色,显示器由很多的 “像素” 构成,每个像素视为⼀个点,这个点能反映出⼀个具体的颜⾊。使用red、green、blue三原色按照不同的比例搭配,能混合出各种颜色
(2)文本对齐,center居中、left左对齐、right右对齐
(3)文本装饰,上/下划线、删除线等 -
背景属性
(1)背景颜色,background-color: [指定颜⾊]
(2)背景图片,background-image: url(...);
(3)背景平铺,background-repeat: [平铺⽅式]
(4)背景尺寸,background-size: length|percentage|cover|contain;
学习思考
关于CSS需要学习内容我感觉还是挺多的,这也让我想起以前第一次做网页设计的经历,当时自己对CSS不太了解,网页做出来就是太简洁了。后来慢慢了解,不过仍有许多可以完善的地方,所以也会继续学习和丰富经验。