摘要: 1、宽度自适应: 默认宽度为100% width:80%; 2、高度自适应: (1)自适应元素高度:height:auto;或者不设置;(是子元素撑开父元素的高度,让内容撑起来) (2)元素高度自适应窗口高度: 设置方法:html,body{width:100%; height:100%;} 注:如 阅读全文
posted @ 2020-03-09 17:20 XL*沁 阅读(216) 评论(0) 推荐(0)
摘要: 1、文档流 普通流:从上至下,从左至右 浮动流:元素添加了float: ; 定位流:添加了定位 2、定位:position:; static 默认值,设置坐标无效 absolute 绝对定位 特征:脱离文档流,不占位。默认参考浏览器0点(html的00点)。元素随着页面的滚动而滚动,假如有定位父级, 阅读全文
posted @ 2020-03-09 09:49 XL*沁 阅读(238) 评论(0) 推荐(0)
摘要: 1、外边距:改变元素外边的间距(margin可以为负值) margin:一个值;一个值 改变四个方向 padding:34px; margin:两个值;每个值控制两个方向 padding:5px 24px;上下 左右 margin:三个值;上 左右 下 margin:四个值;上 右 下 左 marg 阅读全文
posted @ 2020-03-06 14:30 XL*沁 阅读(120) 评论(0) 推荐(0)
摘要: 一、文本 1、文本溢出 overflow:文本溢出设置; overflow:scroll /auto /hidden/inherit; 超出时,滚动查看(未超出时也会有滚动机制)/超出时,滚动查看(未超出时不会有滚动机制)/ 超出隐藏 /继承父级的overflow设置 2、文本空白 white-sp 阅读全文
posted @ 2020-03-06 00:05 XL*沁 阅读(125) 评论(0) 推荐(0)
摘要: 1、浮动属性 float:left/right/none ;左/右/没浮动 2、浮动目的:让竖着的元素横着来 3、浮动效果: 1:左浮动找左边,右浮动找右边 2:浮动只影响后面的元素,不影响前面的元素。 3:父级元素的宽度小于浮动子元素的总宽度,子元素将被迫换行 4:子元素高度不一致的浮动元素被迫换 阅读全文
posted @ 2020-03-04 14:46 XL*沁 阅读(138) 评论(0) 推荐(0)
摘要: 1、background-image:url("图片地址“) 背景图 (是css样式,可以盖住背景图) 2、background-repeat:no-repeat/repeat;背景图不平铺/平铺 background-repeat:no-repeat-x;水平方向重铺 background-rep 阅读全文
posted @ 2020-03-02 21:17 XL*沁 阅读(111) 评论(0) 推荐(0)
摘要: 一、文本属性: 1、文本大小 font-size:16px;(默认16px) px是像素单位 font-size:1em 跟随直接父级的文本大小(有em指的是:若父级设置了文本大小,跟随父级,即与最近的标签大小相同) 9pt=12px(最小显示) rem:跟随html的文本大小 2、文本颜色: co 阅读全文
posted @ 2020-02-29 09:35 XL*沁 阅读(219) 评论(0) 推荐(0)
摘要: 1、css:层叠样式表,用于控制网页样式,用来表示html或xhtml等样式文件的计算机语言 2、html+css:缩减页面代码,提高访问速度,结构清晰,用户体验更好。 3、css语法:申明,选择器两部分组成,申明包含属性和值。 (1)写样式步骤:指定要修改样式的标签——在head标签里面写上sty 阅读全文
posted @ 2020-02-28 09:57 XL*沁 阅读(230) 评论(0) 推荐(0)
摘要: 一、表格:<table> </table> 行 <tr< </tr> 单元格 <td> </td> 给table添加:border="设置边框20px" bordercolor="red边框颜色” cellspacing="单元格边框与边框之间的距离“ cellpadding="单元格与内容之间的距 阅读全文
posted @ 2020-02-26 17:04 XL*沁 阅读(154) 评论(0) 推荐(0)
摘要: 1、加粗标签 <b> </b>只有视觉效果,只占据自己内容位置的大小 <strong> </strong>有强调作用,有视觉效果,只占据自己内容位置的大小 2、下划线标签<u> </u> 特征:只占据自己内容位置的大小,给文字添加下划线 3、换行标签<br> 4、水平线标签<hr>或者<hr/> 5 阅读全文
posted @ 2020-02-25 19:25 XL*沁 阅读(258) 评论(0) 推荐(0)