h5笔记1

  1. HTML中不支持 空格、回车、制表符,它们都会被解析成一个空白字符

  2. 适用于大多数 HTML 元素的属性:
    class 为html元素定义一个或多个类名(classname)(类名从样式文件引入)
    id 定义元素的唯一id
    style 规定元素的行内样式(inline style)
    title 描述了元素的额外信息,这些信息通常会在鼠标移到元素上时显示一段工具提示文本

  3. br:换行
    hr:水平线

  4. CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。

css的选择器中,一条声明的属性可以有多个值,如果是独立的值,跟顺序无关,比如background的颜色,背景图,位置,这些值之间的顺序可以任意,但是非独立的值,比如background的位置属性又有两个值,第一个值是水平对齐方式,第二个值是垂直对齐方式,这个顺序不能变

transform属性也类似:http://www.cnblogs.com/xljzlw/p/4966798.html

  1. 多属性值也可拆分开,比如可以把颜色,背景图,位置全部设置到background属性,也可以分开设置到background-image,background-position等

  2. background-position: left center;
    center:
    修饰横向或纵向,背景图像横向或纵向居中。
    left:
    修饰横向,背景图像在横向上填充从左边开始。
    right:
    修饰横向,背景图像在横向上填充从右边开始。
    top:
    修饰纵向,背景图像在纵向上填充从顶部开始。
    bottom:
    修饰纵向,背景图像在纵向上填充从底部开始。

  3. background-size: cover; 使背景图的长或宽中的一个维度跟浏览器一致,另一个维度按比例缩放,使图片充满浏览器。可能会导致图片部分区域看不到了

  4. 文字颜色直接用color设置,没有font-color

9.div中元素水平居中的方法:
<div style="text-align:center">

  1. innerText:设置纯文字内容,innerHTML:在控件中加html代码 就是设置一个元素里面的HTML

  2. margin属性可以指定4个值,分别为上、右、下、左
    如果只提供一个,将用于全部的四边。
    如果提供两个,第一个用于上、下,第二个用于左、右。
    如果提供三个,第一个用于上,第二个用于左、右,第三个用于下
    值可以设置为auto:
    margin-top/margin-bottom计算值为0,margin-left/margin-right取决于可用空间。

div {
      margin: 100px 100px 0px 0px;  
    }

注意这种多属性值得设置,中间都是没有逗号的
让元素自己居中显示的方法:
margin: 5px auto;
第一个值为垂直方向上下的留白,根据需要设置,如果设置为auto,则为0,第二个值为水平方向的留白,设置为auto会自动根据可用的空白空间平分给左右使用

  1. 同一个属性的属性值,用逗号分隔,表示同一个属性的多个可能的取值,它是顺序取的,前一个不成立则选择后一个,它们描述的是同一个属性
    font-family:"Times New Roman",Georgia,Serif;
    一个属性有多个设定值,则只要用空格,不要逗号:
    background: url("amazing-sky.jpg") center center;

  2. 中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现:
    p{text-indent:2em;}
    <p>1922年的春天,一个想要成名名叫尼克卡拉威(托比?马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的美国梦,他搬入纽约附近一海湾居住。</p>
    注意:2em的意思就是父元素文字的2倍大小

  3. 有些元素,比如ul,会默认有边距,如果我们不要要这些元素的默认边距(全部采用自己定义的边距),可以在css加上:
    *{ padding:0; margin:0; }

  4. a标签没有闭合引起自动插入很多a标签的问题a标签中间没有内容的情况下,很容易忽略闭合
    a标签一定要闭合,否则会在后面每个div后面插入同一个a标签
    要以如下形式闭合:

<div class="v5-index-container3 v5-clearfix banner banner06" style="margin-bottom:15px;">
<div style="width:100%;height: 100%;">
<a href="https://engine.beerto.cn/index/activity?appKey=uuNX4GQ6Xoi9mNG2yZcz3eYBRf1&adslotId=193506" style=" width: 100%;height:100%;display:inline-block;"></a>
</div>
</div>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,271评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,275评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,151评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,550评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,553评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,559评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,924评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,580评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,826评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,363评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,940评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2 342