css
Cinderella2333
这个作者很懒,什么都没留下…
展开
-
CSS基础复习笔记2.1---字体样式
1.字体的选择: 例:p{font-family: "微软雅黑","宋体",sans-serif;} 注释:浏览器会依次查找有没有微软雅黑和宋体,都没有则按默认字体。 2.字体大小设置: 常用相对单位px(像素,同为50px,受分辨率影响字体大小会不同,所以手机端一般不用这个),em和%(相对父元素字体大小变化) 例:p{font-size: 50px/2em/150%;} 3.字体颜...原创 2018-10-27 23:01:33 · 181 阅读 · 0 评论 -
CSS基础复习笔记3---盒子模型
1.盒子模型 (1)(最大/小)宽度:(max/min-)width:长度/百分比/auto (2)(最大/小)高度:(max/min-)height:长度/百分比/auto 注意:max-height/width和min-height/width有兼容性问题,IE浏览器不支持 问:哪些HTML元素可以设置高和宽属性? 答:块级元素(<p>、<div>、<...原创 2018-10-29 21:42:29 · 340 阅读 · 0 评论 -
CSS基础复习笔记4---float浮动
1.float中的四个参数 float:left/right/none/inherit(继承浮动) 利用浮动可以实现文字环绕图片效果 注意:设置浮动后,元素会脱离正常的标准流进行排列,可能会对其它元素造成干扰,也可能会使父元素无法检测到子元素而造成塌陷问题。 解决方法: 1)手动给父元素添加高度 2)通过clear清除内部和外部浮动 3)给父元素添加overfloat属性并结合zoom:...原创 2018-10-30 11:41:15 · 209 阅读 · 0 评论 -
CSS基础复习笔记5---css布局
1.HTML中三种布局方式: 1)标准流:网页中默认的布局方式 · 块级元素:如<div><h1><ul><table> <p>等,总是独占一行的。 · 内联元素:如<img><span><img><a><input>等,原创 2018-11-02 22:59:13 · 197 阅读 · 0 评论 -
CSS网页布局示例
结合CSS和HTML设计并布局了简单的网页,适合初学者参考。 (有logo,横向导航栏,图片加文字的布局。给图片设置纯色遮罩层,并在遮罩层上显示字母或者按钮等。) 源代码后续上传 ...原创 2018-11-04 20:03:45 · 416 阅读 · 0 评论 -
CSS基础复习笔记2.2---文本样式
1.设置文本水平对齐方式 语法:text-align:left/right/center/justify 左对齐/居中对齐/右对齐/两端对齐 备注:图片想要居中对齐,不能简单的设置img居中,需在外边嵌套块级元素<div>,设置div里面的内容居中对齐即可。 2.设置元素内容的垂直方式(对行内元素和单元格元素生效,对块级元素不生效) 语法:vertical-align:ba...原创 2018-10-28 15:32:28 · 212 阅读 · 0 评论