css详细编码
项目结构:
html文件
css文件:
CSS的优势:
内容和表现分离
网页结构表现统一,可以实现复用
样式十分丰富
建议使用独立于html的css文件
利于SEO,容易被搜索引擎收录
html文件:
标签选择器: 选择一类标签 格式(标签{})
类选择器:选择所有class属性一致的标签,格式(.class的值{})
id选择器:全局唯一,格式(#id的值{})
效果如下图:
css文件
1. 边框
2.内外边距
1.边框圆角
2.半圆
父级元素塌陷问题即子元素浮动起来后超出父级元素阔起来的范围
方案一:
增加父级元素高度
方案二:
在最底下增加一个空的div,然后给该div增加属性
方案三:
在父级元素增加 overflow: hidden;属性
方案四:
父类添加一个伪类
具体代码
CSS文件