01 2018 档案

文本溢出text-overflow
摘要：在实际应用中，我们经常会遇到本文换行和文本溢出时截取字符串的情况，在理解文本溢出属性之前，我们首先要了解文本换行和空白符这两个属性，然后再学习文本溢出text-overflow属性。 white-space属性：用来对空格进行处理。 可能的属性值有： （2）pre：使用pre属性值的时候，空白和换行 阅读全文
posted @ 2018-01-26 20:56 蔸蔸猫的博客 阅读(4462) 评论(0) 推荐(2)
CSS中的overflow属性
摘要：overflow属性 如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条，是否隐藏溢出部分等行为，规定当内容溢出元素框时发生的事情。 可能的值有： visible：默认值。内容不会被修剪，会呈现在元素框之外。 hidden：内容会被修剪，并且其余内容是不可见的。 阅读全文
posted @ 2018-01-15 14:41 蔸蔸猫的博客 阅读(1042) 评论(1) 推荐(1)
CSS垂直水平居中
摘要：通过之前总结水平居中与垂直居中的基本方法，梳理垂直水平同时居中的方法就没有那么乱了。 text-align：center + line-height 如下图，div2中用text-align+line-height实现单行文本水平垂直居中。 通过之前总结水平居中与垂直居中的基本方法，梳理垂直水平同时 阅读全文
posted @ 2018-01-14 21:10 蔸蔸猫的博客 阅读(380) 评论(0) 推荐(0)
CSS中垂直居中的方法
摘要：昨天总结了css中水平居中的方法，今天来总结一下css中实现垂直居中的方法。 line-height line-height用于实现单行文本的垂直居中，如下图中，我们要求单行文本垂直居中，只需要将div2设置行高line-height和height的值相同即可，也可以不用设置高度，因为单行文本的行高 阅读全文
posted @ 2018-01-14 18:11 蔸蔸猫的博客 阅读(397) 评论(0) 推荐(0)
CSS中水平居中的方法
摘要：居中是我们在css中经常遇到的问题，一般有水平居中、垂直居中、垂直水平居中这3种情况，那么今天首先就来对学习到的水平居中的方法做个总结笔记。 css水平居中 text-align:center 它的效果为： 将父元素设置了text-align：center之后，子元素中的文本会表现为水平居中； 为了 阅读全文
posted @ 2018-01-13 20:55 蔸蔸猫的博客 阅读(1034) 评论(3) 推荐(2)
HTML知识点总结之table
摘要：table元素 table元素 table元素 table元素 table元素 table元素 table元素 table元素 table用来创建表格，表格也可以用来布局，但是嵌套过于复杂，不利于灵活布局，已经几乎没人用它来布局了。 表格基本上有如下几个标签构成: （1）<table>标签用来创建表 阅读全文
posted @ 2018-01-12 21:18 蔸蔸猫的博客 阅读(459) 评论(0) 推荐(0)
HTML知识点总结之表单元素
摘要：网页不可能是纯静态的，没有任何的交互功能；绝大多数的网站都有表单元素的使用。表单提供了一个浏览者和网站交互的途径，比如用户注册登录，用户留言等功能。 form form元素只是一个数据获取元素的容器，而容器内的元素称为表单控件。让表单数据能够提交，可以将表单元素包裹在<form>之中，最常用的表单控 阅读全文
posted @ 2018-01-12 19:43 蔸蔸猫的博客 阅读(680) 评论(0) 推荐(0)
HTML知识点总结之div、section标签
摘要：div元素 div是块级元素，相当于一个容器，在语义上不代表任何特定类型的内容。主要用作大的框架布局，也就是说网页的骨架主要通过div来架设的，而网页的血肉则是有span、p或者ul等元素完成。 section元素 <section>标签是HTML5新增的语义化标签，代表文档中的“节”或“段”。“段 阅读全文
posted @ 2018-01-12 17:15 蔸蔸猫的博客 阅读(3855) 评论(0) 推荐(1)
HTML知识点之表示强调的主要元素
摘要：<h1>~<h6> 在HTML中，标题(Heading)元素共有6个级别的标签：<h1>~<h6>。它们都是块级元素。标题数字越小，字体就会越大，标题的级别也就越高。 <h1>~<h6> 在HTML中，标题(Heading)元素共有6个级别的标签：<h1>~<h6>。它们都是块级元素。标题数字越小， 阅读全文
posted @ 2018-01-12 16:28 蔸蔸猫的博客 阅读(514) 评论(0) 推荐(0)
HTML知识点总结之ul，ol，li标签
摘要：HTML列表分为有序列表，无序列表和描述列表。我们常用的是有序列表（ol）与无序列表(ul)。 有序列表 <ol>标签就可以定义一个有序列表，之所以称其为有序列表，是因为可以使列表具有排序功能。具体的列表项使用<li>元素来规定。 type属性：实现不同方式的有序排序功能，不赞成使用，通常都会使用样 阅读全文
posted @ 2018-01-12 15:52 蔸蔸猫的博客 阅读(2975) 评论(0) 推荐(0)
HTML知识点总结之img、scirpt、link标签
摘要：<img>元素 使用<img>可以在网页插入一个图片，但实际上<img>标签并不会在网页中直接插入图像，而是从网页上链接图像。 <img>的主要属性 （1）src属性：图片的路径。 （2）alt属性：当图片无法显示时的替代文本，以便搜索引擎抓取。 （3）title属性：鼠标悬浮时显示的文本。 <im 阅读全文
posted @ 2018-01-12 12:24 蔸蔸猫的博客 阅读(1098) 评论(0) 推荐(0)
HTML知识点总结之<a>标签
摘要：HTML是什么？ HTML（Hyper Text Markup Language）超文本标记语言，用来描述网页的一种语言。超文本是指网页不止有文本，还可以有图片，链接，视频，音频等非文本元素。标记语言是指HTML是用一套标记标签来描述网页。HTML 文档也被称为网页 <a>元素 <a>元素又叫htm 阅读全文
posted @ 2018-01-11 17:42 蔸蔸猫的博客 阅读(736) 评论(0) 推荐(1)