手记

CSS入门

1、css引入方式

1、外部样式表,把CSS样式代码写在独立的一个文件中扩展名:CSS文件名.CSS
引入外部文件:<link href="XX.css"rel="stylesheet"type=“text/css”/>要放在标签之间
2、CSS导入式
@import “css.css” @import url(css.css);

2、CSS使用方法的优先级

优先级
行内样式>内部样式>外部样式
说明:
1.链入外部样式与内部样式表之间的优先级取决于所处位置的先后
2.最后定义的优先级最高(就近原则)

CSS选择器

1、标签选择器

以HTML标签作为选择器:如,p{color:red;font-size:30px;}

2、类选择器

1、为HTML标签添加class属性:(在开始标签添加)

<h1 class="special">内容</h1>

2、通过类选择器来为具有此class属性的元素设置css样式,如:.special{color:red;}
注意:

  • 可对不同类型元素的同一个名称的类选择器设置不同的样式规则,如:p.special{font-size:30px;}(在类选择器前面加上标签名就可以,这样只有设置了class为special的p标签才会生效)
  • 同一元素可以设置多个类,之间用空格隔开如:<p class="special special1>内容
0人推荐
随时随地看视频
慕课网APP