简述css属性选择器的几种定义方式_CSS简介,语法,选择器分类使用,属性设置

  • Post author:
  • Post category:其他


1.CSS简介

CSS(Cascading Style Sheets)通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。

CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。

这里要说一下 w3c标准: html结构 / css样式 / js 行为(交互)

遵循的原则:先确定语义的HTML ,再选合适的CSS。

CSS 主要目的: 控制网页中元素的样式

CSS 可以让我们从HTML结构和样式分离出来。

CSS 可以让我们 专注结构。

CSS样式规则.png

CSS 注释

/*这是个注释*/

Html:

Css:/*内容*/

2.CSS选择器分类

要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素,在CSS中,执行这一任务的样式规则部分被称为选择器,CSS基础选择器有四种:

标签选择器

标记选择器是指用HTML标记名称作为选择器,按标记名称分类,为页面中某一类标记指定统一的CSS样式。其基本语法格式如下:

标记名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

eg.:

div {

background:url(img_flwr.gif);

background-repeat:no-repe



版权声明:本文为weixin_39673051原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。