【HTML+CSS】
魔_术师
这个作者很懒,什么都没留下…
展开
-
【怪异解析-盒模型】
【怪异解析-盒模型】怪异解析 - IE6盒模型怪异模式是:“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”。怪异模式主要表现在IE内核的浏览器。在IE6下,盒模型存在着一种怪异解析模式。不同模式下的盒模型大小1、在正常解析模式下:盒模型的宽度 = width + margin(左右原创 2017-05-23 00:18:57 · 1348 阅读 · 0 评论 -
【CSS优先级与!important】
【CSS优先级与!important】CSS样式优先级:1、相同权值情况下,CSS样式的优先级总结来说,就是——就近原则(离被设置元素越近优先级别越高):内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。2、权值不同时,浏览器是根据权值来判断使用哪种css样式的,哪种样式权值高就使用哪种样式。原创 2017-06-03 00:49:38 · 2286 阅读 · 2 评论 -
【IE hack与浏览器内核】
【IE hack与浏览器内核】IE hack 技术_width: 400px; /* _是针对IE6*/+width: 300px; /* +是针对IE6、IE7*/*width: 400px; /* *是针对IE6、I原创 2017-06-07 22:59:31 · 1317 阅读 · 0 评论 -
【CSS背景蒙版兼容IE】
【CSS背景蒙版兼容IE】蒙版background-color: rgba(255,255,255,0.35);蒙版兼容IEbackground: #fff;opacity: 0.35; //谷歌等现代浏览器filter: alpha(opacity=35); //兼容IE浏览器原创 2017-06-04 00:19:48 · 2223 阅读 · 0 评论 -
【reset.css重置文件夹】
【reset.css重置文件夹】CSS Reset是什么?在HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的。在切原创 2017-06-20 00:21:39 · 1984 阅读 · 0 评论 -
【CSS3盒模型display:box的应用】
【CSS3盒模型display:box的应用】CSS3新增属性“display:box;”和“box-flex:数值”是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。box-flex属性:主要让子容器针对父容器的宽度按一定规则进原创 2017-06-30 00:49:14 · 1318 阅读 · 0 评论 -
【SEO与页面设置细节】
【SEO与页面设置细节】内容标签的使用b、i 修饰类标签(已弃用);strong、b 表现为加粗显示;em、i 表现为倾斜样式;strong、em 具有强调语气,strong强调语气更强烈;strong、em 在搜索引擎优化(SEO)当中比b和i重要的多。块元素的特点独占一行原创 2017-06-21 00:19:31 · 1530 阅读 · 0 评论 -
【如何添加网站图标favicon】
【如何添加网站图标favicon】favicon的定义?所谓favicon,即Favorites Icon的缩写,中文名称是网站头像,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是 Favicon的全部,根据浏览器的不同,Favicon 显示也有所区别:在大多数主流浏览器如Fi原创 2017-07-11 00:58:27 · 1732 阅读 · 0 评论 -
【CSS表格table】
【CSS表格table】表格(table)是什么?做什么用的?表格主要用于向用户呈现数据,尽量不要用于布局。表格(table)的基本元素caption:元素定义表格标题;thead:标签定义表格的表头;tbody:标签表格主体(正文);tfoot:标签定义表格的页脚(脚注或表注);原创 2017-06-10 01:18:34 · 1228 阅读 · 0 评论 -
【CSS表单form】
【CSS表单form】表单(form)的作用主要负责数据的采集,作为网页与用户接触最直接、最频繁的页面元素,其在网站用户体验中占有最重要的位置,常常用于用户注册、登录、投票等的制作。form的属性action:表单提交的地址method:表单数据提交的方法/形式get:明文发送(可见)原创 2017-06-11 01:06:56 · 2764 阅读 · 0 评论 -
【link和@import的区别】
【link和@import的区别】页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用。其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是:link使用方式:@import使用原创 2017-06-12 00:44:36 · 1156 阅读 · 0 评论 -
【浏览器CSS hack大全】
【浏览器CSS hack大全】什么是CSS hack?由于不同厂商的流览器或某浏览器的不同版本(如IE,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时,我们为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的CSS样式,我们把这个原创 2017-06-13 01:02:02 · 1430 阅读 · 0 评论 -
【CSS清除select原始样式】
【CSS清除select原始样式】CSS清除select原始样式select { -webkit-appearance: none; -moz-appearance: none; -ms-a原创 2017-06-14 00:10:15 · 3055 阅读 · 0 评论 -
【CSS修改下拉选框select的默认样式】
【CSS修改下拉选框select的默认样式】CSS修改下拉选框select的默认样式select { /*统一边框*/ border: solid 1px #000; /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right: 14原创 2017-06-15 00:00:40 · 3907 阅读 · 0 评论 -
【CSS背景图片页面自适应充满屏幕】
【CSS背景图片页面自适应充满屏幕】实现代码:body { overflow: hidden; position: fixed; width:100%; height:100%;原创 2017-06-29 00:21:11 · 33733 阅读 · 0 评论 -
【CSS实现hover动态效果】
【CSS实现hover动态效果】 .wrap { width: 500px; height: 500px; margin: 0 auto; border: 1px solid blu原创 2017-08-17 00:46:32 · 5480 阅读 · 0 评论 -
【a标签的锚点技术】
【a标签的锚点技术】锚点技术锚点:指的是一个网页上的某个“定位位置”。锚点的实现:需要使用至少2次a标签来配合完成。其基本形式如下:内容内容页面内锚点定位:内容内容锚点和链接的整合应用:内容含义:原创 2017-08-14 00:39:52 · 1766 阅读 · 0 评论 -
【网页用代码实现空格】
【网页用代码实现空格】网页用代码实现空格保存/*正常显示*/保 存/*文字中间有空 格*/保 存/*文字中间有3个空格*/原创 2017-06-19 00:23:11 · 4528 阅读 · 0 评论 -
【网页禁止选中文字】
【网页禁止选中文字】网页禁止选中文字-webkit-user-select: none; /*webkit浏览器*/-moz-user-select: none; /*火狐*/-ms-user-select: none; /*IE10*/-khtml-user-select: none; /*早期浏览器*/us原创 2017-06-18 01:44:59 · 1478 阅读 · 0 评论 -
【CSS编码规范】
【CSS编码规范】CSS编码规范单行形式书写风格的排版约束1、每一条规则的大括号 { 前后加空格2、多个selector共用一个样式集,则多个selector必须写成多行形式3、每一条规则结束的大括号 } 前加空格4、属性名冒号之前不加空格,冒号之后加空格5、每一个属性值后必须添加分号;原创 2017-05-24 00:36:52 · 1611 阅读 · 0 评论 -
【CSS属性大全】
【CSS属性大全】CSS的文本属性文本属性-字体风格font-style:设置字体风格;常用的属性:normal(常规字体)、italic(斜体)、oblique(倾斜);通常italic和oblique在浏览器上看上去是一样。文本属性-字体粗细font-weight:设置字体粗细;原创 2017-05-26 00:29:55 · 1330 阅读 · 0 评论 -
【清浮动的方法】
【清浮动的方法】清浮动的方法清浮动的两种情况:1.父级没有高度时,父级的高度是由子元素撑开的,但子元素浮动后,父元素的高度无法被撑开,所以需要清浮动;2.新加入的兄弟级标签,希望不受之前浮动元素的影响,则需要清浮动。清除浮动的五种常用方法:1.空标签清浮动给空标签设置clear : both原创 2017-05-12 00:39:09 · 1803 阅读 · 0 评论 -
【文本超出显示为省略号】
【文本超出显示为省略号】使用CSS实现元素的文本超出隐藏,通常存在两种方式。一种是超出直接隐藏内容,另一种是超出显示为省略号。超出隐藏超出隐藏,只需要为一个有固定宽高设置为overflow:hidden;单行文本超出显示为省略号实现代码如下:.text-overflow {原创 2017-05-27 23:47:52 · 2009 阅读 · 0 评论 -
【CSS控制鼠标样式cursor】
【CSS控制鼠标样式cursor】鼠标样式(cursor)常见属性:pointer:小手;wait:等待;help:帮助;crosshair:十字准心;move:可移动。鼠标效果在前端工程师进行页面开发时,会出现各种各样的效果和需求,比如在Tab切换效果当中,为了让用原创 2017-05-30 22:33:12 · 1428 阅读 · 0 评论 -
【CSS清除a标签的默认下划线】
【CSS清除a标签的默认下划线】CSS清除a标签的默认下划线 a { text-decoration: none; }原创 2017-06-16 00:21:58 · 6466 阅读 · 0 评论 -
【CSS定位position】
【CSS定位position】定位:position概念:把一元素放置到需要放的网页位置;属性值:static、relative、absolute、fixed、inherit;位置声明:top、bottom、left、right;absolute、fixed会使元素脱离文档流;特点:所有元素都可以进行定位处理,原创 2017-06-01 00:15:55 · 1222 阅读 · 0 评论 -
【前端入门单词】
【前端入门单词】style 样式type 类型doctype 文档类型css sprite 背景图压缩工具charset 字符集margin 外边距padding 内边距border 边框width 宽height 高background 背景float 浮动clear 清除原创 2017-05-08 00:42:54 · 1684 阅读 · 0 评论 -
【a标签的使用和属性】
【a标签的使用和属性】a标签的使用和属性a标签的使用属性(属性值)1、href(需要跳转到哪个页面)(存放跳转的地址url)2、target(打开目标的形式)(定义在何处打开链接)target="_blank" 打开方式为一个空白页target="_self" 默认方式,在自身页面打开3、title原创 2017-05-14 00:51:32 · 5324 阅读 · 0 评论 -
【CSS标签的嵌套规则】
【CSS标签的嵌套规则】CSS标签的嵌套规则1. body 可以直接包含块状元素、ins、del、script。不可以直接包含行内元素;2. ins 和 del(行内元素)可以包含块状元素或者行内元素,其他任何行内元素都不允许包含块状元素;3. p、h1-h6 可以直接包含行内元素和文本信息,但是不允许包含块状元素;原创 2017-05-15 00:43:43 · 2330 阅读 · 0 评论 -
【CSS块、行元素的区别】
【CSS块、行元素的区别】CSS块、行元素的区别块元素的特性独占一行显示;可以设置宽高;margin、padding横纵向都有效;块转行——display: inline; 可以转换成行元素;除(p、h1-h6)个别特殊元素外,可包含块状元素和行内元素;form不能直接包含行元素。原创 2017-05-16 00:15:32 · 1595 阅读 · 0 评论 -
【CSS标签的分类和选择】
【CSS标签的分类和选择】CSS标签的分类和选择标签的分类标签的分类标签的选择块元素标签的选择h1~h6 : 作为标题使用,并且依据重要性递减;p : 定义段落;ol : 定义有序列表;(只能嵌套标签)ul : 定义无序列表;(只能嵌套标签原创 2017-05-19 01:17:18 · 1521 阅读 · 0 评论 -
【CSS单标签和meta属性】
【CSS单标签和meta属性】CSS单标签和meta属性meta属性meta属性单标签meta、hr、br、img、link、input既是行内属性标签又可以设置宽高的标签a、img、ins、del原创 2017-05-20 00:45:48 · 1729 阅读 · 0 评论 -
【CSS外部引入的路径】
【CSS外部引入的路径】CSS外部引入的路径CSS外部引入的路径相对路径以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用原创 2017-05-21 00:24:17 · 5995 阅读 · 0 评论 -
【CSS显示display】
【CSS显示display】display属性浮动、定位对display的影响;行元素与块元素默认的display类型;属性类型:display: block;(显示为块元素)display: inline;(显示为行元素)display: inline-block;(行内块元素,可设置宽高)原创 2017-06-02 00:50:46 · 1373 阅读 · 0 评论 -
【修改谷歌浏览器chrome记住密码后自动填充表单的黄色背景】
【修改谷歌浏览器chrome记住密码后自动填充表单的黄色背景】chrome 表单自动填充后,input文本框的背景会变成黄色的,通过审查元素可以看到这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式:input : -webkit-autofill {原创 2017-06-17 17:06:14 · 4562 阅读 · 0 评论 -
【CSS实现图片等比例缩小不变形】
【CSS实现图片等比例缩小不变形】 CSS实现图片等比例缩小不变形 .wrap { width: 90%; height: 550px; border: 1px solid #000;原创 2017-09-30 00:21:18 · 5633 阅读 · 0 评论