Css的四种引入方式1.行内式<p style="background: green">这是一个p标签</p> 2.内嵌式<head><meta charset="UTF-8"><title>Title</title><style>p{background: green;}</style></head> 3.外链式<link type="text/css" rel="stylesheet" href="demo.css"> 4.导入式<style>@import "demo.css"; </style> Css 选择器1.基础选择器选择器描述例子*匹配任何元素*{}E匹配所有E标签的元素 p{}.class匹配所有class属性中包含info的元素.info...
1 CSS盒模型 在以前，程序员们是通过表格来对一个网页进行排版，也就是通过大小不一的表格和表格嵌套来定位排版网页的内容。后来，CSS出现之后，在网页布局中，为了能够使页面中的各个部分合理的进行组织，开发人员们总结出了一套完整的、行之有效的原则和规范，也就是“盒模型”。它是通过使用CSS来定义大小不一的盒子和盒子嵌套来编排网页。 因为用这种方式排版的网页代码简洁，更新方便，能兼容更多的浏览器。 页面中的所有元素...
1、行内元素（内联元素 inlineElement）特点：不占据一行，无法设置宽高及行高，其宽度随着内容增加，高度随字体大小而改变，margin只对左右起作用，上下无效。常见有：a - 锚点，b - 粗体(不推荐)，br - 换行，em - 强调，font - 字体设定(不推荐)，i - 斜体，img - 图片，input - 输入框，label - 表格标签，select - 项目选择，small - 小字体文本，span - 常用内联容器，定义文本内区块，strike - 中划线，strong - 粗体强调2、...
### html5新增标签> 作用：让结构一目了然 |标签|描述| |--|--| |header|头部区域| |footer|尾部区域| |nav|导航区域| |aside|侧边栏| |section|区分大模块等同div| |video|视频| |audio|音频| |articel|文章| |figure|配图| |figcaption|配图说明| |main|主体区域| ```<video src="dongbei.mp4" controls autoplay loop></video><audio src="horse.ogg" controls loop autoplay></audio> src="" 标签属性，视频、音频路径/地址...
定义：层叠样式表 (Cascading Style Sheets)主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等，设置文本和背景属性的能力，为任何元素创建边框及距离语言特点：易于修改、使用，将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。...
HTML提供了<mark>标签可以让你的文本高亮，这样看起来更加醒目。<mark>标签内的文本会呈现特殊的样式，它和<em>，<strong>一样也是一个带有语义的标签。 代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高亮文本</title></head><body> <h1>使用mark标签高亮文本</h1> <p>web前端开发需要学习<mark>HTML</mark>、<mark>CSS</mark>和<mark>JS</mark>。</p></body></ht...
无序列表有时我们的工作繁忙，杂事很多，怕忘记，就会把事情一件件列出来，防止忘记。它们的排列顺序对于我们来说并不重要，可以随意调换，我们将它称为无序列表，HTML里用<ul>标签来表示无序列表，列表里的项目则用<li>标签来表示：<ul><li></li><li></li>... </ul> 看一段实例代码：对于的浏览器显示结果是这样的：更多内容学习，请前往http://www.mayacoder.com/lesson/index 原文：http://www.cnblogs.com/malimalihong/p/5672...
之前没有开通好博客，笔记都记录在有道云，今天全部转过来！！！ 1、当同一个html元素不止一个样式定义时，内联样式（在html元素内部）拥有最高的优先权；其他如内部样式表（位于标签内部），外部样式，浏览器缺省设置次之； 2、css规则由两个主要部分构成：选择器以及一条或多条声明 例如：h1{color:red;font-size:16px} h1为选择器，{}内的为声明 3、...
本章给大家带来css网页布局必知的基础小知识（总结），让大家可以了解关于css网页布局的一些知识点。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1、盒子模型的第一层到第五层： border、padding+content、background-image、background-color、margin2、清除浮动。对受到浮动影响的标签作以下操作： 1、clear: both; 2、clear: right; clear: left; 3、设置宽度width: 100%(或者固定宽度)+o...
*特殊符号：·⊙①⊕◎Θ⊙*○¤㊣㈱＠の*□*☆** ▲△▼▽⊿ ▂ ▃ ▄ ▆ * * ▉ ▊▋▌▍▎▏* 回 □ **≡ ↑↓→←↘↙♀♂┇┅‖$ @ * & # ※ 卍 卐 ∞Ψ §∮ № ⌒ ＊ *标点符号： ．。，、；：？！ˉˇ¨`~ 々～‖∶＂＇｀｜·… — ～ - 〃 ‘'“”〝〞〔〕〈〉《》「」『』〖〗【】（）［］｛｝︻︼﹄﹃ *数学符号： ＋－×÷﹢﹣±／＝ ∥∠ ≌ ∽ ≦ ≧ ≒﹤﹥ ≈ ≡ ≠ ＝ ≤ ≥ ＜ ＞ ≮ ≯ ∷ ∶ ∫ ∮ ∝ ∞ ∧ ∨ ∑ ∏...
Java基础复习进阶 今日内容1. web概念概述 2. HTML web概念概述* JavaWeb：* 使用Java语言开发基于互联网的项目 ? * 软件架构：1. C/S: Client/Server 客户端/服务器端* 在用户本地有一个客户端程序，在远程有一个服务器端程序* 如：QQ，迅雷...* 优点：1. 用户体验好* 缺点：1. 开发、安装，部署，维护 麻烦2. B/S: Browser/Server 浏览器/服务器端* 只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序* 优点...
从二列固定宽度入手，开始尝试二列布局的情况下，左右栏宽度能够做到自适应，从一列自适应布局中我们知道，设定自适应主要通过宽度的百分比值设置，因此在二列宽度自适应的布局中也同样是对百分比宽度值的设计，继续上面的CSS代码，我们得新定义二列的宽度值： 代码如下:#left { background-color: #E8F5FE; border: 1px solid #A9C9E2; float: left; height: 300px; width: 20%; } #right { bac...
大多数人很容易将CSS属性display和visibility混淆，它们看似没有什么不同，其实它们的差别却是很大的。 visibility属性用来确定元素是显示还是隐藏的，这用visibility="visible|hidden"来表示（visible表示显示，hidden表示隐藏）。 当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。例： function toggleVisibility(me){ if (me.style.visibility=="hidden"){ me.style.visibility="visi...
1. 表格的基本语法 ... - 定义表格 - 定义表行 - 定义表头 - 定义表元(表格的具体数据) 2. 表格的分组显示 按行分组 ... - 表的题头(Header) ... - 表的正文(Body) ... - 表的脚注(Footer) 1和2有什么分别？也就是2中的表格分组有什么特殊的用处？这个用处是1中的基本用法不能实现的 回复讨论(解决方案) thead 标题 tbody 正文 tfoot 注脚 顺序无论如何都是先显示thea...
作者:eoe 虽然自己天天写CSS~~ 可是来了原创文章这里~~不知道要写什么~~ 今天就先写个LI 的简单应用~~以后慢慢加好了 这是一个普通的LI "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> li的简单应用 测试列表的 测试列表的 测试列表的 测试列表的 提示：你可以先修改部分代码再运行 加了点CSS样式定义可以这样 引用: *{margin:0;padding:0;} 习惯性把所有的元素的内补丁外补丁定义为0 0可以没有单位...