随笔分类 -  HTML CSS

摘要:sweetalert是一个漂亮的弹窗 中文网址: http://mishengqiang.com/sweetalert/ 它需要2个文件:sweetalert-dev.js和sweetalert.css 下载插件 怎么下载呢?直接从上面的网站扣下来,就可以了 修改index.html,引入2个资源 阅读全文
posted @ 2018-09-13 10:34 可爱的红领巾 阅读(320) 评论(0) 推荐(0) 编辑
摘要:z-index 这个东西非常简单,它有四大特性,每个特性你记住了,页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁,数值大的压盖住数值小的, 只有定位了的元素,才能有z-index,也就是说,不管相对定位,绝对定位,固定定位,都可以使用z-index,而浮动元素不能使用z-ind 阅读全文
posted @ 2018-05-26 11:14 可爱的红领巾 阅读(208) 评论(0) 推荐(0) 编辑
摘要:定位 一般我们在css中使用相对定位就是为了移动它的位置的 定位有三种: 1.相对定位 2.绝对定位 3.固定定位 相对定位 相对定位:相对于自己原来的位置定位 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: t 阅读全文
posted @ 2018-05-25 21:24 可爱的红领巾 阅读(223) 评论(0) 推荐(0) 编辑
摘要:设置一个基本网页的导航栏就是可以在居中显示并且是浏览的时候可以变颜色的 就是这种样式的 html结构: <body> <div class="nav"> <ul> <li> <a href="">百度搜索</a> </li> <li> <a href="">知识问答</a> </li> <li><a 阅读全文
posted @ 2018-05-25 19:19 可爱的红领巾 阅读(473) 评论(0) 推荐(0) 编辑
摘要:background-color属性表示背景颜色 background-img:表示设置该元素的背景图片 background-imge需要搭配url来一起使用 那么发现默认的背景图片,水平方向和垂直方向都平铺 background-repeat:表示设置该元素平铺的方式 就是对你所设置的背景图进行 阅读全文
posted @ 2018-05-25 17:08 可爱的红领巾 阅读(483) 评论(0) 推荐(0) 编辑
摘要:浮动式CSS里面的重中之重 浮动 浮动是css里面布局最多的一个属性,也是很重要的一个属性。 float:表示浮动的意思。它有四个值。 none: 表示不浮动,默认 left: 表示左浮动 right:表示右浮动 浮动属性 u Float,浮动属性名,如:float: left; 向左浮动 n Le 阅读全文
posted @ 2018-05-24 17:58 可爱的红领巾 阅读(290) 评论(0) 推荐(0) 编辑
摘要:标准文档流 什么是标准文档流 宏观的将,我们的web页面和ps等设计软件有本质的区别,web 网页的制作,是个“流”,从上而下 ,像 “织毛衣”。而设计软件 ,想往哪里画东西,就去哪里画 空白折叠现象: 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张图片之间有间隙,如果在 阅读全文
posted @ 2018-05-24 15:53 可爱的红领巾 阅读(452) 评论(0) 推荐(0) 编辑
摘要:盒模型 在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种:标准模型和IE模型。我们在这里重点讲标准模型。 盒模型示意图 盒模型的属性 width:内容的宽度 height: 内容的高度 paddi 阅读全文
posted @ 2018-05-23 21:14 可爱的红领巾 阅读(218) 评论(0) 推荐(0) 编辑
摘要:第一种现象:当权重相同时,以后来设置的属性为准,前提一定要权重相同 <head> <meta charset="UTF-8"> <title>权重</title> <style> #box2 .wrap3 p{ color: yellow; } #box1 .wrap2 p{ color: red; 阅读全文
posted @ 2018-05-23 20:44 可爱的红领巾 阅读(157) 评论(0) 推荐(0) 编辑
摘要:css有两大特性:继承性和层叠性 继承性: 面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法。那么我们现在主要研究css,css就是在设置属性的。不会牵扯到方法的层面。 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。 记住:有一些属 阅读全文
posted @ 2018-05-23 20:38 可爱的红领巾 阅读(235) 评论(0) 推荐(0) 编辑
摘要:高级选择器分为:后代选择器、子代选择器、并集选择器、交集选择器 后代选择器 语法格式:选择器1 选择器2 ..... { 属性名N:属性值; } 描 述: 选择父选择器下面的子选择器,添加属性 注 意: 1、 选择器1 和选择器2之间有父子关系 2、 选择器可以有N个(注意:父子关系;多个选择器之间 阅读全文
posted @ 2018-05-23 16:43 可爱的红领巾 阅读(323) 评论(0) 推荐(0) 编辑
摘要:CSS字体属性 cursor:pointer; 设置你的鼠标移动到此处时是一个小手的标志 u Font-size,设置字体尺寸;如:font-size:30px; u Font-family,设置字体,如:font-family:”微软雅黑”;(注:多个字体用逗号隔开,如果字体有空格需要加引号) u 阅读全文
posted @ 2018-05-22 21:56 可爱的红领巾 阅读(219) 评论(0) 推荐(0) 编辑
摘要:优先级等级 行内样式 > ID选择器 > 类选择器 > 标签选择器 标签选择器 优先级为1 类选择器 优先级为10 ID选择器 优先级为100 行内样式 优先级为1000 基本选择器包含: 1.标签选择器标签选择器可以选中所有的标签元素,比如div,ul,li ,p等等,不管标签藏的多深,都能选中, 阅读全文
posted @ 2018-05-22 21:41 可爱的红领巾 阅读(197) 评论(0) 推荐(0) 编辑
摘要:在HTML中引入css方式总共有三种: 行内样式 内接样式 外接样式 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超文本标记语言。从语义的角度描述页面结构。 CSS:层叠样式表。从审美的角度负责页面样式。 JS:JavaScript 。从交互的角度描述页面行为 C 阅读全文
posted @ 2018-05-22 20:58 可爱的红领巾 阅读(460) 评论(0) 推荐(0) 编辑
摘要:列表标签 <ul>、<ol>、<dl> 列表标签 无序列表 属性: type="属性值"。属性值可以选: disc(实心原点,默认),square(实心方点),circle(空心圆)。 标签名称 无序列表标签 标签格式 <ul> <li></li> ....... </ul> 属 性 Type 设置 阅读全文
posted @ 2018-05-21 20:20 可爱的红领巾 阅读(186) 评论(0) 推荐(0) 编辑
摘要:了解HTML 1.1 HTML的作用 HTML就是用来制作网页 1.2 什么是HTML HTML是英文HyperText Markup Language的首字母缩写,即超文本标记语言 超文本 - 网页中包含的图片、音频或者超链接等非文字元素 标 记 - 有特殊含义的符号 <br />含义:在网页中插 阅读全文
posted @ 2018-05-21 15:59 可爱的红领巾 阅读(265) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示