【网站前端】CSS概念介绍
程序员文章站
2022-03-08 15:46:46
本文为黑马程序员pink老师前端视频整理所得的学习笔记。...
一、CSS简介
1、CSS是层叠样式表的简称。又称CSS样式表或级联样式表。
2、CSS也是一种标记语言。
3、主要用于设置HTML页面的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。
4、CSS的最大价值:由HTML专注于做结构呈现,样式交给CSS,即结构(HTML)与样式(CSS)相分离。
二、CSS语法规范
1、CSS规则由两个主要的部分构成:选择器以及一条或多条声明。
2、选择器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式。
3、属性和属性值以“键值对”的形式出现。
4、属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。
5、属性和属性值之间用英文 “ : ” 分开。
6、多个“键值对”之间用英文 “ ; ” 进行区分。
三、CSS代码风格
1、属性值前面,冒号后面,保留一个空格。
2、选择器(标签)和大括号中间保留空格。
3、在<head>标签栏新建一个<style>标签,在<style>之间写CSS代码。
四、CSS基础选择器
1、作用:根据不同需求把不同的标签选出来。
2、选择器的分类:基础选择器和复合选择器
1)基础选择器是由单个选择器组成的
2)基础选择器由包括:标签选择器、类选择器、id选择器和通配符选择器。
本文地址:https://blog.csdn.net/weixin_43751576/article/details/111135347
推荐阅读
-
w3school,html,CSS JSP,JS前端网站
-
w3school,html,CSS JSP,JS前端网站
-
网站交互、开发方式和前端框架介绍
-
【网站前端】CSS引入样式
-
【网站前端】CSS概念介绍
-
【分享】分享一个值得前端开发收藏的网站_html/css_WEB-ITnose
-
【项目总结】扯一扯电商网站前端css的整体架构设计(1)_html/css_WEB-ITnose
-
我理解的网站产品经理之四:网站产品前端姿势_html/css_WEB-ITnose
-
哪个网站比较漂亮,介绍一下_html/css_WEB-ITnose
-
求懂行的介绍一下网站前台的设计_html/css_WEB-ITnose