HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化 HTML基本结构为
这里是网页标题charset=utf-8 表示当前文档的字符集是采用utf-8的字符,也就是我们常说英文字符集; charset 字符集 国内常用的有: uft-8 是Unicode的其中一个使用方式。 UTF是 Unicode Translation Format, 即把Unicode转做某种格式的意思。 gbk gb2312 主要用于中文。 big5 用于繁体中文
html标签有:
初识CSS。 CSS基本语法结构: 选择器{ 声明1,声明2. } h1(选择器){ font-size(属性):12px;(值);color:red;(声明) } css最后一条声明“;”可写可不写,但是,基于W3C标准规范考虑,建议最后一条生命结束";"都要写上。 引用css样式为:行内样式、内部样式、外部样式。 就近原则:行内样式>内部样式>外部样式。 css的样式:
width(宽,设置标签的宽图片的宽等等)height(高,设置标签的高图片的高等等)margin:margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。padding:简写属性在一个声明中设置所有内边距属性。font: 属性可以用来作为 font-style, font-variant, font-weight, font-size, line-height 和 font-family 属性的简写,或将元素的字体设置为系统字体。background:background 简写属性在一个声明中设置所有的背景属性。border:简写属性在一个声明设置所有的边框属性。float : 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。color:属性规定文本的颜色。 注:英文输写,写入到html文件里面的head里面,别用中文输入法输入标点符号,否则无效。 三个选择器: 标签选择器、ID选择器、类选择器 标签选择器直接应用于html标签上面。 类选择器可以在页面中多次使用 id选择器一个页面只能使用一次。 优先级选择器:ID选择器>类选择器>标签选择器 标签选择器不遵循就近原则。 无论哪种方式引用css样式,一般都遵循: id选择器>class类选择器>标签选择器的优先级。高级选择器: 层次选择器、结构伪类选择器、属性选择器。
层次选择器: E F后代选择器(选择匹配的F元素,且匹配的F元素被包括在匹配的E元素内) E>F子选择器(选择匹配的F元素,且匹配的F元素是匹配的E元素的子元素) E+F相邻兄弟选择器(选择匹配的F元素,且匹配的F元素仅位于匹配的) E`~F通用选择器(选择匹配的F元素,且位于匹配的E元素后的所有匹配的F元素)
结构伪类选择器: E:first_child(作为父元素的第一格子元素的元素E) E:last-child(作为父元素的最后一个子元素的元素E) E F:nth-child(n)(选择腹肌元素E的第n个子元素F,n可以是1、2、3.关键词为even、odd) E:first-of-type(选择符元素内具有指定类型的第一个E元素) E:last-of-type:(选择父元素内具有指定类型的最后一个E元素) E F:nth-of-type(n)(选择父元素内具有指定类型的第n个F元素)
属性选择器: E[attr]选择匹配具有属性attr的E元素。 E[attr=val]选择匹配具有属性attr的E元素,并且属性为val(其中val区分大小写) E[attr∧val]选择匹配元素E,且E元素定义了属性attr其属性值是以val开头的任意字符串 E[attr$=val]选择匹配元素E,且E元素定义了属性attr其属性以val结尾的任意字符串 E[attr*=val]选择匹配元素E,且E元素定义了属性attr其属性值包含了“val”,换句话说,字符串val与属性值中的任意位置相匹配。