css读书笔记1：HTML标记和文档结构

【css读书笔记1：HTML标记和文档结构】的更多相关文章

css读书笔记1：HTML标记和文档结构

块级元素和行内元素:块级元素:上下堆叠,每个块级元素都独立占一行.块级元素的盒子宽度与父元素同宽.行内元素:左右堆叠,只有在空间不足的情况下才会折到下一行显示.行内元素的盒子会收缩包裹其内容,并尽可能包紧. 文档对象模型(DOM):把HTML文档中的每个元素当成一个节点,根据元素和元素之间的关系形成一棵树.文档对象模型在CSS中的应用:通过子元素.父元素.同胞元素.祖先元素.后代元素来更方便地定位我们要操作的元素.…

HTML标签和文档结构

HTML标签与文档结构 HTML作为一门标记语言,是通过各种各样的标签来标记网页内容的.我们学习HTML主要就是学习的HTML标签. 那什么是标签呢? #1.在HTML中规定标签使用英文的的尖括号即`<`和`>`包起来,如`<html>`.`<head>`.`<body>`都是标签, #2. HTML中标签通常情况下是成对出现的,分为开始标签和结束标签,结束标签比开始标签多了一个`/`,开始标签和结束标签之间的就是标签的内容. #3.有些标签功能比较简单,使…

PHP读书笔记（1）-PHP语法结构与变量

一 .php基础语法 1.php语法结构标准风格:<?php code; ?>.PHP每句代码用;(分号)结尾.<---就用这个,其他的看看就可以了短风格:<? code; ?> //需要修改PHP.INI配置 ASP风格:<% code; %> //需要修改PHP.INI配置长风格:我难得写了,谁他妈会用这个方式啊. 2.注释:单行注释 // 多行注释 /* */ 3.PHP文件扩展名为.php 二.PHP变量变量:在程序执行期间可以变化的量…

css读书笔记2：css工作原理

css就是一种先选择html元素,然后设定选中元素css属性的机制.css选择符合要应用的样式构成一条css规则. 为文档添加样式的3种方法: 1.行内样式,直接写在特定标签的style属性中:2.嵌入样式,在head元素中嵌入<style type="text/css"></style>,将css规则放入<style>和</style>中:3.链接样式,在<head>元素中使用外部的样式表,如:<link href=&…

css读书笔记3：定位元素

定位元素要掌握css技术,核心就是要掌握元素定位. 一般把下面这条规则作为所有css样式表的第一条,初始化所有元素的内边距和外边距都为0: * {padding:0;margin:0;} 盒模型浏览器为页面中的每个元素生成一个矩形盒子.作为该元素的容器.默认情况下,每个盒子的边框不可见,背景也是透明的,所以我们不能直接看到这些盒子. 元素盒子的3个属性:边框(border),可以设置边框的宽窄.样式和颜色:内边距(padding),盒子内容区与边框的间距:外边距(margin),盒子与相邻元素的…

css读书笔记4：字体和文本

字体属性网页中的字体有3个来源:1.用户机器中安装的字体:2.保存在第三方网站上的字体.可以使用link标签把它们链接到页面中:3.保存在子集的web服务器上的字体.可以使用@font-face规则随网页一起发送给浏览器. 与字体样式相关的6个属性:font-family(字体家族.一般对body元素使用,让整个网页使用同样的字体.一般需要多列出几种后备字体,以防前面的字体无效.)font-size(字体大小.)font-style(字体样式.设定字体是斜体还是整正体.)font-weight(…