1、CSS中哪些属性可以继承?

font系列 text系列 color line-height

2、border-radius的值

值的顺序是左上 右上 右下 左下

则 border-radius:5px 5 px 5px 0;

3、white-space 规定段落中的文本换不换行 

white-space:norwap;不换行

4、word-wrap 可以允许长的内容自动换行

word-wrap:break-word;默认值是不允许换行 

5、如何写出三角形

宽高必须是0

div{width:0;

  height:0;

  border-top:5px solid transparent;

  border-right:5px solid transparent;

  border-bottom:5px solid blue;

  border-left:5px solid transparent;

}

6/margin对布局的影响

(两种常见的margin排版方式

双飞翼布局:中间固定,两边auto

圣杯布局:中间auto,两边固定

margin是给元素设置外边距属性值是数字,可正,可负

当margin值为正时,正常往上下左右偏移

当margin值为负时,margin-left会向左偏移

                                 margin-top会想向上偏移

                                margin-right,当前元素不动,后面的元素会向左偏移,并覆盖当前元素

                              margin-bottom,当前元素不动后面的元素会向上走

PS:当margin为负的值的时候,实际上是增大了当前元素的宽,且当前元素没有设置宽

❤:在float和position的布局中,margin为负值时的影响

(1)float:

          margin-left会向左偏移

                                 margin-top会想向上偏移

                                margin-right,当前元素不动,后面的元素会向左偏移,并覆盖当前元素

                              margin-bottom,当前元素不动后面的元素会向上走

(2)position:absolute;是为了让一个元素居中

div{

  position:absolute;

  left:50%;

  top:50%;

  margin-left:-1/2 width;

  margin-top:-1/2 height;

}

总结 :margin为负值时,无论在什么条件下都是在释放自己的空间,如果自己的margin不够,就会贡献出自己的宽高

9.29 h5日记的更多相关文章

  1. 7.29 H5学习笔记

    常用实体字符小于号  < 大于号  > 和号  & 引号  " 撇号  &apos; 分  ¢ 镑  £ 日元  ¥ 欧元  € 小节  § 版权  © 注册  ...

  2. 9.28 h5日记

    9.28 1.transparent 透明的 颜色 2.placeholder 提示语 在input中使用 跟velue不同 3.写页面需要注意的 (1)页面一定要有层次,分清层次 (2)保证元素模块 ...

  3. 9.27 h5日记

    9.27 1.怎样给title前加小图标? <link rel="short icon"  href="favicon.ico"/> ❤link有哪 ...

  4. 9.26 H5日记

    9.26 1.新的背景属性,background-position background-position有两个值,水平和垂直,单位px ❤在html和CSS当中,有三个属性可以向服务器发送请求,分别 ...

  5. 9.4-9.19 h5日记总结

    总结: 1.标签 (1)单.双标签 (2)块级.行级标签 (3)标签的属性 2.CSS (1)选择器 *.id.class.标签.后代.子代.并集.交集.伪类.结构 (2)层叠性,即选择器权重的计算 ...

  6. 9.14 h5日记

    9.14 ❤知识补充 margin的问题:margin:0 auto:可以解决元素在网页的居中问题(记得设置宽度) 1.css层叠样式表的问题 CSS的两个性质 (1)继承性 (2)层叠性       ...

  7. 9.13 h5日记

    9.13 面试题 为什么两个P出此案的效果不同,原因是 浏览器在解析第二个P的时候,因为字母没有空格,浏览器会认为这个单词没有打完,所以不会换行. 列表 ul ol dl li 1.无序列表 ul ( ...

  8. 9.12 h5日记

    9.12 知识点补充: 属性继承例子,color.font(font-size/style/family/weight) 1.浏览器的默认字体大小是16px,谷歌浏览器的最小字体是10px,其他浏览器 ...

  9. 9.11 h5日记

      9.11   超链接标签<a></a>十分特殊改a标签内容的字体颜色,必须是直接给a 设置,给它的父级标签设置是不可行的.   PS:什么是属性继承,即父级标签设置的样式后 ...

随机推荐

  1. 使用arguments对象验证函数的参数是否合法

    <script>function sum(arg1,arg2) //加法函数{ var realArgCount = arguments.length; //调用函数时传递的实参个数 va ...

  2. 29.Spring-基础.md

    目录 1.目的和作用 [toc] 2.概念 2.1框架的设计 2.2控制反转 2.3AOP [toc] 3. 3.1Spring六大模块 [toc] 1.目的和作用 解决对象的创建和以及对象依赖关系的 ...

  3. win 2012 安装mysql 5.7.20 及报错 This application requires Visual Studio 2013 Redistributable. Please install the Redistributable then run this installer again 的解决办法

    本文地址:http://www.cnblogs.com/jying/p/7764147.html    转载请注明出处. 安装过程其实挺简单,基本上下一步下一步,可以参考我的另一篇mysql安装文章: ...

  4. 主流浏览器 Cookie 的大小

    目前测试的两种浏览器:Chrome 和 IE . 环境:IIS 7.5 只创建了站点,未做任何配置. Chrome : v36.0.1985.143 m 单个 Cookie 的长度为 4069 个字符 ...

  5. sse实例

    一.前台 <script>//D:\wamp\www\node\xiangmuer\views\main // var source = new EventSource('http://1 ...

  6. JMeter学习(三十四)使用jmeter来发送json/gzip格式数据(转载)

    转载自 http://www.cnblogs.com/yangxia-test 一.使用jmeter来发送gzip数据 有时候我们需要模拟在客户端将数据压缩后, 发送(post)到服务器端. 通常这种 ...

  7. android通过命令行安装sdk

    在linux下没有界面化的安装sdk方式,所以需要通过下载zip包或命令行安装   一.通过tools下的android安装 1.进入到android工具 cd $ANDROID_HOME/tools ...

  8. 比较perl+python

    作者:iTech出处:http://itech.cnblogs.com/ http://hyperpolyglot.org/scripting   perl (1987) python (1991) ...

  9. LCS poj1080

    题目链接:https://vjudge.net/problem/POJ-1080 参考博客:https://yq.aliyun.com/ziliao/372259 题意:给两个字符串,只含有'A',' ...

  10. Django、Flask、Tornado的比较

    一:常用请求参数的接收 Django中: request.GET/POST Tornado中: self.get_query_argument()/get_query_arguments() self ...