文章目录
基础语法
如何关联css和html?
如何在html中定义css?
- 内联方式
- 外联方式
内联方式
这种方式的缺点?内联方式的样式只对当前标签有效~~。无法为一类标签设置样式。代码耦合度高。没有讲内容和样式分离。
外联样式
外联样式一
style中的p为元素选择器,找到所有的p元素。
外联样式二
通过link链接
href指定使用的css路径
内联样式优先级高于外联样式。
css选择器
- id选择器用法:#id(卫衣不可重复)
- 类选择器用法:.class
- 元素选择器:spam(元素名称)
- 属性选择器:【title】(属性名称)
后代元素选择器
子元素选择器
兄弟元素
伪类
伪元素
css选择器的优先级
css设置样式
背景样式
文本样式
字体样式
列表样式
表格
多元素选择器
css布局
会使用到浮动。
两行三列布局
三行两列![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/019e843fc068610979569273e18435ba.png)
盒子模型
边框
内边距
d2和d1父子关系,高和宽相同。d2吧d1覆盖住了。
外边距