前端之Css
2021-05-13 00:28
阅读:513
YPE html>
标签:strong src gre style color 内容 utf-8 class选择器 image
一、初识Css
1、概念
- 用于修饰标签。
- 使用css选择器需要关注两点:1、选择哪个选择器 2、如何选择需要使用css样式的标签。
- 在head中添加style标签,在style标签中添加css选择器,就可以将css样式附着到body中的标签上了。
二、选择器
1、选择器种类
(1)id选择器
- head中使用#号定位,在body中的div标签添加id属性,head中写入对应id属性的值,即可将css样式定位到标签上。
Title /*id选择器*/ #div1{ background-color: red; }我是个人
(2)class选择器
- head中使用英文.号定位,在body中的div标签添加class属性,head中写入对应class属性的值,即可将css样式定位到标签上。
Title { background-color: green; }我是绿色
(3)标签选择器
- head中使用标签名div定位,在body中写入标签内容,head中写入对应div标签的值,即可将css样式定位到标签上。
Title { background-color: yellow; }lrx
(4)标签层级选择器
- head中使用标签名div里面的span标签定位,在body中写入标签内容,head中写入对应span标签的值,即可将css样式定位到标签上。
Title { background-color: yellow; }123
(5)属性选择器
- 在body里面的div标签中加入自定义属性,然后head中通过使用标签名div加中括号,中括号中写全自定义属性名和值的方式,将css样式与标签进行关联。
Title { background-color: burlywood; }哦哦哦
前端之Css
标签:strong src gre style color 内容 utf-8 class选择器 image
原文地址:https://www.cnblogs.com/brf-test/p/12003776.html
评论
亲,登录后才可以留言!