(二)认识CSS样式

引用CSS的三种方式

三种方式的优先级:谁离代码越近,谁最先生效

<head><style> CSS样式</style></head>
第一种引用方式,直接在HTML中的head标签内写一对style标签,然后在style里面写css样式

<div style ="CSS样式"></div>
第二种引用方式,在标签内写入style = “CSS样式”

<link rel ="stylesheet" type = "text/css" href = "css文件路径"/>
第三种引用方式,首先在外部定义一个CSS文件然后在HTML文件中用过一行代码来引用

CSS的三种选择器

● 派生选择器,直接定义标签的CSS属性,用标签来选择
(缺点:如果有多个div标签,将同时统一被选择)
● id选择器 <标签 id = "自定义标签名字"></标签> #自定义标签名字{CSS属性}
● 类选择器 <标签 class= "自定义标签名字"></标签> .自定义标签名字{CSS属性}

CSS属性

W3C 查表 https://www.w3school.com.cn/css/css_background.asp

  • 常用属性
    width:100px;
    height:100px;
    margin-left:calc(50%) 离左边的距离
    margin-top:500px离上边的距离
    background-color:green
太多了不写了......
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。