芒市网站建设,横沥网站设计,网站咨询窗口怎么做,免费做翻页页面的网站CSS代码风格
空格规范#xff1a; 1. 属性值前面#xff0c;冒号后面#xff0c;保留一个空格#xff1b; 2. 选择器#xff08;标签#xff09;和大括号中间保留空格。
基本语法概述#xff1a;
1.HTML标签是由尖括号包围的关键词#xff0c;如html
2.HTM…CSS代码风格
空格规范 1. 属性值前面冒号后面保留一个空格 2. 选择器标签和大括号中间保留空格。
基本语法概述
1.HTML标签是由尖括号包围的关键词如html
2.HTML标签通常是成对出现的例如html和/html我们称为双标签。标签对中的第一个标签是开始标签第二个是结束标签。
3.有些特殊的标签必须是单个标签极少情况例如br/我们称为单标签。
标签
分区 div
标题标签 h1~h6
段落标签 pp标签中不能放任何块元素
图像 imgsrc属性必须有、alt属性属于替换元素块和行内元素之间具有两种元素的特点
列表 ul/ol/dl用来布局
超链接 a行内元素在a 标签中可以嵌套除它自身外的任何的元素包括块元素
表单 form
表格 table显示数据合并单元格
框架 iframe
属性
在标签中开始标签或者自结束标签还可以设置属性 属性是一个名值对x y 属性用来设置标签中的内容如何显示 属性和标签名或者其他属性应该使用空格隔开 属性名值不能瞎写应该根据文档中的规定来编写 有些属性有属性值有些没有如果有属性值属性值应该使用引号引起来。
href属性指定链接的地址:超文本引用hypertext reference超链接
单标签br/换行、hr / 水平线、img/、input/、meta/
特殊字符/实体: 使用gt 大于号lt 小于号nbsp 空格
块元素: 标题标签、p标签、blockquote长引用、div、ul、ol、li等
行内元素: em标签语音语调的一个加重、strong标签强调重要的、q标签短引用、a标签、b、i、del、s、span等其中span是最典型的行内元素。
行内块元素: img、input、td他们同时具有块元素和行内元素的特点
块元素的特点 1. 比较霸道独占一行 2. 高度、宽度、外边距以及内边距都可以控制 3. 宽度是默认容器父级宽度的100% 4. 是一个容器及盒子里面可以放行内或者块级元素 注意 文字类的元素内不能使用块级元素p标签主要用于存放文字因此p中不能放块级元素 同理h1~h6等都是文字类块级标签里面也不能放其它块级元素。
行内元素的特点 1. 相邻的行内元素在一行上一行可以显示多个 2. 高、宽直接设置是无效的 3. 默认宽度就是它本身内容的宽度 4. 行内元素只能容纳文本或其他行内元素 注意 链接里面不能再放链接 特殊情况链接 a 里面可以放块级元素但是给 a 转换一下块级模式最安全
行内块元素的特点 1. 和相邻行内元素行内块在一行上但是他们之间会有空白缝隙一行可以显示多个行内元素特点 2. 默认宽度就是它本身内容的宽度行内元素特点 3. 高度、行高、外边距以及内边距都可以控制块级元素特点
元素显示模式转换
比如想要增加链接 a 的触发范围 转换为块级元素 display: block; 转换为行内元素 display: inline; 转换为行内块元素 displayinline-block
单行文字垂直居中的代码 解决方案让文字的行高等于盒子的高度就可以让文字在当前盒子内垂直居中
网页布局要学习的三大核心: 盒子模型、浮动 和 定位
