随笔分类 -  HTML,CSS

1 2 下一页
CSS position属性
摘要：一、定义 专为设置标签位置的属笥 二、详解 static： static 默认值，无定位，不能当作绝对定位的参照物，并且设置标签对象的left、top等值是不起作用的的。 position: relative／absolute： relative: 相对定位。 相对定位是相对于该元素在文档流中的原始 阅读全文
posted @ 2017-10-13 11:16 刘小伟 阅读(321) 评论(0) 推荐(0)
CSS display属性
摘要：一、定义 只是为显示隐藏标签以及改变标签的块级属性 二、属性详解 none block inline inline-block none:显示隐藏 block(内联标签设置为块级标签) inline(块级标签设置为内联标签) inline-block 阅读全文
posted @ 2017-10-13 11:11 刘小伟 阅读(148) 评论(0) 推荐(0)
CSS 背景属性
摘要：一、定义 专为HTML设置背景 二、详解 background-color background-image background-repeat background-position 阅读全文
posted @ 2017-10-13 11:08 刘小伟 阅读(135) 评论(0) 推荐(0)
CSS 样式继承
摘要：一、定义 继承是CSS的一个主要特征，它是依赖于祖先-后代的关系的。继承是一种机制，它允许样式不仅可以应用于某个特定的元素，还可以应用于它的后代。例如一个BODY定义了的颜色值也会应用到段落的文本中。 二、详解 这段文字都继承了由body {color:red;}样式定义的颜色。然而CSS继承性的权 阅读全文
posted @ 2017-10-13 11:05 刘小伟 阅读(577) 评论(0) 推荐(0)
CSS 选择器优先级
摘要：一、定义 所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。 二、规则 样式表中的特殊性描述了不同规则的相对权重，它的基本规则是： 1 内联样式表的权值最高 style=""－－－－－－－－－－－－1000； 2 统计选择符中的ID属性个数。 #id －－－－－－－－－－－－－－100 阅读全文
posted @ 2017-10-13 11:03 刘小伟 阅读(159) 评论(0) 推荐(0)
CSS before和after伪类
摘要：一、定义 专为一个标签之前之后插入标签的 二、详解 阅读全文
posted @ 2017-10-13 11:02 刘小伟 阅读(143) 评论(0) 推荐(0)
CSS anchor专为链接属性选择器
摘要：一、定义 又称anchor伪类，是专门为控制链接属性的 二、详解 阅读全文
posted @ 2017-10-13 11:00 刘小伟 阅读(387) 评论(0) 推荐(0)
CSS 属性选择器
摘要：一、定义 只是CSS专为属性进行设置的选择器 二、详解 阅读全文
posted @ 2017-10-13 10:58 刘小伟 阅读(151) 评论(0) 推荐(0)
CSS float浮动
摘要：一、定义： block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性； inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列 阅读全文
posted @ 2017-09-22 11:47 刘小伟 阅读(180) 评论(0) 推荐(0)
CSS 外边距和内填充
摘要：一、模型： margin: 用于控制元素与元素之间的距离；margin的最基本用途就是控制元素周围空间的间隔，从视觉角度上达到相互隔开的目的。 padding: 用于控制内容与边框之间的距离； Border(边框): 围绕在内边距和内容外的边框。 Content(内容): 盒子的内容，显示文本和图像 阅读全文
posted @ 2017-09-22 11:44 刘小伟 阅读(5262) 评论(0) 推荐(0)
CSS 边框属性
摘要：常用属性： border-color: chartreuse; border-width: 20px; 实例： 阅读全文
posted @ 2017-09-22 11:39 刘小伟 阅读(133) 评论(0) 推荐(0)
CSS 背景
摘要：一、常用属性： 二、实例： 阅读全文
posted @ 2017-09-22 11:37 刘小伟 阅读(141) 评论(0) 推荐(0)
CSS 组和选择器
摘要：定义： 组和选择器为同时对多个元素进行操作 规则如下： 阅读全文
posted @ 2017-09-22 11:35 刘小伟 阅读(517) 评论(0) 推荐(0)
CSS 引入方式
摘要：1、行内引入 2、 嵌入式是 3、链接式 4、导入式 阅读全文
posted @ 2017-09-22 11:32 刘小伟 阅读(131) 评论(0) 推荐(0)
HTML 常用标签
摘要：一、head标签 1、meta标签 meta介绍<meta>元素可提供有关页面的元信息（meta-information），针对搜索引擎和更新频度的描述和关键词。<meta>标签位于文档的头部，不包含任何内容。<meta>提供的信息是用户不可见的 meta标签的组成：meta标签共有两个属性，它们分 阅读全文
posted @ 2017-09-22 11:29 刘小伟 阅读(191) 评论(0) 推荐(0)
HTML 结构
摘要：1、<!DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档 2、<html></html>是文档的开始标记和结束标记。此元素告诉浏览器其自身是一个 HTML 文档，在它们之间是文档的头部<head>和主体<body>。 3、<head></head>元素出现在 阅读全文
posted @ 2017-09-22 11:19 刘小伟 阅读(109) 评论(0) 推荐(0)
HTML 标签格式
摘要：<标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名><标签名 属性1=“属性值1” 属性2=“属性值2”…… / 阅读全文
posted @ 2017-09-22 11:14 刘小伟 阅读(244) 评论(0) 推荐(0)
什么是HTML
摘要：HTML俗称超文本标记语言（Hypertext Markup Language，HTML）通过标签语言来标记要显示的网页中的各个部分。一套规则，浏览器认识的规则通过浏览器按顺序渲染网页文件，然后根据标记符解释和显示内容。但需要注意的是，对于不同的浏览器，对同一标签可能会有不完全相同的解释（兼容性）， 阅读全文
posted @ 2017-09-22 11:13 刘小伟 阅读(184) 评论(0) 推荐(0)
css让图片自适应容器（div）大小,超便捷响应式图片自适应
摘要：我们在写页面的时候经常会遇到需要图片自适应容器大小这样的情况，下面我就开门见山的说明一下怎样去实现这样一个效果。 1.简单的做法 1 2 3 4 5 <div> <img src="1.jpg" alt=""> </div> 1 2 3 4 5 <div> <img src="1.jpg" alt= 阅读全文
posted @ 2017-07-14 09:34 刘小伟 阅读(66534) 评论(0) 推荐(0)
用css 添加手状样式,鼠标移上去变小手,变小手
摘要：cursor:pointer; 用JS使鼠标变小手onmouseover(鼠标越过的时候) onmouseover="this.style.cursor='hand'" cursor其他取值 auto ：标准光标 default ：标准箭头 pointer, hand ：手形光标 wait ：等待光 阅读全文
posted @ 2017-06-02 13:58 刘小伟 阅读(178) 评论(0) 推荐(0)

1 2 下一页