随笔分类 - 前端
摘要:【转】12-简单认识下margin margin margin:外边距的意思。表示边框到最近盒子的距离。
阅读全文
摘要:【转】11-border(边框) 边框 border:边框的意思,描述盒子的边框 边框有三个要素: 粗细 线性样式 颜色 如果颜色不写,默认是黑色。如果粗细不写,不显示边框。如果只写线性样式,默认的有上下左右 3px的宽度,实体样式,并且黑色的边框。 按照3要素来写border 按照方向划分 上面1
阅读全文
摘要:【转】10-padding(内边距) padding padding:就是内边距的意思,它是边框到内容之间的距离 另外padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域 padding的设置 paddi
阅读全文
摘要:【转】09-盒模型 盒模型 在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种:标准模型和IE模型。我们在这里重点讲标准模型。 盒模型示意图 盒模型的属性 width:内容的宽度 height: 内
阅读全文
摘要:【转】07-css的继承性和层叠性 css有两大特性:继承性和层叠性 继承性 面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法。那么我们现在主要研究css,css就是在设置属性的。不会牵扯到方法的层面。 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们
阅读全文
摘要:【转】08-层叠性权重相同处理 直接上代码,看效果! 第一种现象:当权重相同时,以后来设置的属性为准,前提一定要权重相同 我们会发现此时显示的是红色的。 第二种现象: 第一个选择器没有选中内层标签,那么它是通过继承来设置的属性,那么它的权重为0。第二个选择器选中了内层标签,有权重。 所以 继承来的元
阅读全文
摘要:【转】04-属性选择器 属性选择器,字面意思就是根据标签中的属性,选中当前的标签。 语法:
阅读全文
摘要:【转】05-伪类选择器 伪类选择器一般会用在超链接a标签中,使用a标签的伪类选择器,我们一定要遵循"爱恨准则" LoVe HAte 1 /*没有被访问的a标签的样式*/ 2 .box ul li.item1 a:link{ 3 4 color: #666; 5 } 6 /*访问过后的a标签的样式*/
阅读全文
摘要:【转】03-高级选择器 高级选择器分为: 后代选择器 子代选择器 并集选择器 交集选择器 后代选择器 子代选择器 并集选择器 交集选择器 后代选择器 使用空格表示后代选择器。顾名思义,父元素的后代(包括儿子,孙子,重孙子) 1 .container p{ 2 color: red; 3 } 4 .c
阅读全文
摘要:【转】02-css的选择器 css的选择器:1.基本选择器 2.高级选择器 基本选择器包含: 1.标签选择器 标签选择器可以选中所有的标签元素,比如div,ul,li ,p等等,不管标签藏的多深,都能选中,选中的是所有的,而不是某一个,所以说 "共性" 而不是 ”特性“ body{ color:gr
阅读全文
摘要:【转】01-css的引入方式 引入css方式(重点掌握) 行内样式 内接样式 外接样式 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超文本标记语言。从语义的角度描述页面结构。 CSS:层叠样式表。从审美的角度负责页面样式。 JS:JavaScript 。从交互的角
阅读全文
摘要:【转】02-HTML5新的input属性 本节重点 HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证 本节介绍新的输入类型: date datetime datetime-local email month number range search tel time url
阅读全文
摘要:【转】01-HTML5的介绍 本章知识点 HTML5介绍 什么是 HTML5 HTML的新特性 HTML新增的语义化标签 HTML5介绍 什么是 HTML5 HTML的新特性 HTML新增的语义化标签 HTML5介绍 HTML5,在2014年10月由万维网联盟(W3C)完成标准制定。 HTML5的设
阅读全文
摘要:【转】03-body标签中相关标签 今日主要内容: 列表标签 <ul>、<ol>、<dl> 表格标签 <table> 表单标签 <fom> 列表标签 <ul>、<ol>、<dl> 表格标签 <table> 表单标签 <fom> 一、列表标签 列表标签分为三种。 1、无序列表<ul>,无序列表中的每一
阅读全文
摘要:【转】02-body标签中相关标签 今日内容: 字体标签: h1~h6、<font>、<u>、<b>、<strong><em>、<sup>、<sub> 排版标签 字体标签: h1~h6、<font>、<u>、<b>、<strong><em>、<sup>、<sub> 排版标签 <div> 、<span
阅读全文
摘要:【转】01-html介绍和head标签 主要内容 web标准 浏览器介绍 开发工具介绍 HTML介绍 HTML颜色介绍 HTML规范 HTML结构详解 web标准 浏览器介绍 开发工具介绍 HTML介绍 HTML颜色介绍 HTML规范 HTML结构详解 一、web标准 web准备介绍: w3c:万维
阅读全文

浙公网安备 33010602011771号