前端编程笔记--CSS-01

1)

HTML写在<body>..............</body>之间

CSS写在<head>...............</head>之间,且格式为<style>...内容...</style>

 选择器{样式}或给谁改样式{样式}

 

2)选择器

 

 

 类选择器

 

 

 

 使用时,加上 class="类名", 使用多类名时要用空格隔开

id选择器:

 

 

 注:只能调用一次

通配符选择器

 3)font-XXX:字体设置

可以复合起来写

 

 

4)文本对齐 text-align:

文本缩进

 

 

行间距:

 

 

装饰文本:

 

 

 

 

5)样式表

 

 嵌入式:<style>...内容...</style>

外部样式表:

 

 引入式在<head></head>写上<link>。 

注:先写标签名,然后再按 tab 键,系统会自动将该标签补全

如:写<link>时  先写 link 然后再按 tab 键,它会自动补全  除 css文件路径外的所有内容

 

 

 

https://www.bilibili.com/video/BV14J4114768?p=95

 

 

 https://www.bilibili.com/video/BV14J4114768?p=95

 

复合选择器:

1)

   

 

 

注:在标签<>加上  class="XXXX",相当于给这个标签加了个类名,当出现多个重复的标签,且要改变其中

      一个的样式时      .对于类名 元素2{ ...}

 

 

 

 

 

 

 只选择元素1的第二级

https://www.bilibili.com/video/BV14J4114768?p=101

 

https://www.bilibili.com/video/BV14J4114768?p=102

 

 

 

 

 

 

 

 

 

 

 

 

 

以上截图来自于:黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程

posted @ 2021-09-13 15:46  咿呀鲸落  阅读(38)  评论(0)    收藏  举报