css
Web攻城狮
前端工程师
展开
-
web前端基础学习入门篇(二)
CSS基础 1、css的简介 css的全称为 cascading style sheets 汉译层叠样式表 WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式。 目前推荐遵循的是W3C发布的CSS3.0,用来表现XHTML或者XML等样式文件的计算机语言,1998年5月21日由w3C正式推出的css2.0原创 2016-06-18 13:02:41 · 564 阅读 · 0 评论 -
Web移动端Fixed布局的解决方案
Web移动端Fixed布局的解决方案 移动端业务开发,iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下,会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。 这篇文章解决了这个问题,是一个不错的方法。 Web移动端Fixed布局的解决方案转载 2017-01-02 22:41:42 · 659 阅读 · 0 评论 -
外边距重叠
外边距重叠 在CSS当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距。 折叠结果遵循下列计算规则: 1.两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值。也就是说当第一个div的margin-bottom与第二个div的margin-top都为原创 2016-09-15 01:45:19 · 2171 阅读 · 0 评论 -
HTML基础学习之 --元素 定位
元素定位 一、 定位主要包括了以下四种方式: 1. static:默认值,无特殊定位,对象遵循HTML原则; 2. relative: 相对定位,对象不可层叠,将依据 right,top,left,bottom(相对定位)等属性在正常文档流中偏移位置。(相对自身、不脱离文档流) 3. absolute:绝对定位,将对象从文档流原创 2016-07-17 00:23:29 · 485 阅读 · 0 评论 -
解决网页高度塌陷问题---浮动塌陷
浮动塌陷 第一种方法: 直接 给父元素的css样式中添加声明 overflow:hidden; 第二种方法: 在已经浮动元素的下方添加一个空的div,并给这个空的div添加声明css样式 .元素的类名{ clear:both; height:0;原创 2016-07-16 23:48:45 · 1553 阅读 · 0 评论 -
CSS 样式的重置 --设计一款属于自己的重置样式
CSS样式的重置 关于CSS样式的重置没有什么规范,适合自己的才是最好的,我们需要的就是能够一次书写可以多次使用,尽量使我们的重置样式变得更加全面,能满足基本的网页编写,下面我们举几个例子: 1.以新浪为例: html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend原创 2016-07-16 22:50:18 · 1348 阅读 · 0 评论 -
CSS 过滤器(filter)的种类及介绍
过滤器(filter) 1.下划线属性过滤器 当在一个属性前面增加了一个下划线后,由于符合标准的浏览器不能识别带有下划线的属性而忽略了这个声明,但是在IE6及更低版本浏览器中会继续解析这个规则。 语法:选择符{_属性:属性值;} 2. !important关键字过滤器 它表示所附加的声明具有最高优先级的意思。但由于IE6及更低版本不能识别它,我们可以利用IE6的这个Bu原创 2016-07-16 18:12:16 · 7199 阅读 · 0 评论 -
IE6 常见的CSS解析Bug以及Hack
IE6常见CSS解析Bug及hack 1. 图片间隙 1) div中的图片间隙(该bug出现在IE6及更低版本中) 描述:在div中插入图片时,图片会将div下方撑大三像素。 hack1: 将与写在一行上; hack2: 将 转为块状元素,给添加声明:display:block; 2) dt,li中图片间隙(IE6) hack: 将 转为块状元素,给原创 2016-07-16 17:54:04 · 573 阅读 · 0 评论 -
CSS Bug、CSS Hack 和 Filter的介绍
CSS Bug、CSS Hack和Filter 1.CSS Bug: CSS样式在各浏览器中解析不一致的情况,或者说CSS样式在浏览器中不能正确显示的问题称为CSS Bug. 2.CSS Hack: CSS中,Hack是指一种兼容CSS在不同浏览器中正确显示的技巧方法,因为它们都属于个人对CSS代码的非官方的修改,或非官方的补丁。有些人更喜欢使用patch(补丁)来描述这种行为。原创 2016-07-16 17:46:24 · 893 阅读 · 0 评论 -
css样式选择器的种类及区别
每一条css样式声明(定义)由两部分组成,形式如下: 选择器{ 样式; } 在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作 用于网页中的哪些元素。下面就来介绍各种选择器: 1.标签选择器 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的、、、、。例如下面代码: p{font-size:12px; li原创 2016-04-18 17:27:20 · 6467 阅读 · 2 评论 -
web前端基础学习入门篇(三)
CSS核心属性 一、CSS属性组成和作用 属性:属性值 1)每个css样式都必须由两部分组成:选择符(Selector)和声明(Decleration) 注:声明又包括属性(Properyt)和属性值(Value) 2)css属性:属性是指定选择符具有的属性,他是css的核心,css2共有150多个属性; 3)css属性值:属性值包括法定属性原创 2016-07-05 21:11:58 · 538 阅读 · 0 评论 -
css实现对号小图标
.h { position: relative; width: 80rpx; height: 80rpx; background-color: rgba(0, 0, 0, 0.4); z-index: 5; } .h::before { content: ''; position: absolute; wi原创 2018-01-25 15:15:20 · 6484 阅读 · 0 评论