这是我参与「第四届青训营 」笔记创作活动的第4天 CSS 指层叠样式表,结构美化 CSS声明总是以分号 ; 结束,声明总以大括号 {} 括起来: ctrl+/注释 1、引入方式 (1)内嵌式:在style里面,title标签下,style标签 ;作用范围:当前页面,使用场景:小案例 (2)外联式:CSS写在单独的CSS文件中,通过Link标签引入;作用范围:多个页面,使用场景:项目中 (3)行内式:CSS写在标签的style属性中;作用范围:当前标签,使用场景:配合js使用 2、选择器 (1)标签选择器(全部控制) 结构:标签名{css属性名:属性值;} (2)类选择器(针对性控制) 结构:.类名{css属性名:属性值;} 在
里面加class=""得先定义完再使用 (3)id选择器 结构:#id属性值{css属性名:属性值;}id属性名字自己起 注意:所有标签都有id属性;一个标签只有一个id属性值; 一个id选择器只能选一个标签(只配合js使用)。 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。 (4)通配符选择器 结构:*{css属性名:属性值;} 作用:找到页面标签,设置样式。 注意点:开发中使用很少,只有特殊情况使用。 3、字体大小跟样式 (1)font-size,数字+px; 谷歌浏览器默认使用的文字大小是16px;单位要设置,否则无效。 (2)background-color 属性定义了元素的背景颜色. 页面的背景颜色使用在body的选择器中:background-image 属性描述了元素的背景图像。 默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体。 默认情况下 background-image 属性会在页面的水平或者垂直方向平铺。