一、CSS的基础样式
2018-06-24 02:10:41来源:未知 阅读 ()
CSS的基础样式
- border 边框
复合写法
border:border-width border-style border-color;
border-width:边框宽度 top right bottom left
border-style:边框样式 solid实线 dashed虚线 dotted 点线(点线IE6无法识别)
border-color:边框颜色/英文单词/十六进制/RGB
border-radius 圆角
border:transparent透明(可以写在复合写法里)
n 边框并不是一条直线,而是三角形。
- padding 内边距,内填充
padding-top上内边距 padding-right右内边距
padding-bottom下内边距 padding-left左内边距 (顺序:上右下左 顺时针)
padding复合写法
padding:10px; 只写一个值表示:上右下左都是10px;
padding:10px 20px; 两个值:第一个值代表上下 第二个值代表左右
padding:10px 20px 30px; 三个值:第一个值代表上 第二个值代表左右 第三个值代表下
padding:10px 20px 30px 40px; 四个值:第一个值代表上 第二个值代表右 第三个值代表下 第四个值代表左
- margin 外边距
margin-top上内边距 margin-right右内边距
margin-bottom下内边距 margin-left左内边距 (顺序:上右下左 顺时针)
其他如padding 一致
标签的嵌套 确定父子级关系
- margin的例外
1.第一个自己的margin-top会在特定的情况下穿透父级
规避方法:
① 给父级加边框
② 给父级加overflow:hidden;(溢出隐藏)
③ 不要用margin-top,父级的padding-top代替
2.兄弟关系的margin-top和margin-bottom会叠压
规避方法:只设置一个 top或 bottom
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:前端程序员容易忽视的一些基础知识
下一篇:返回页面顶部最简单方法
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash