CSS学习
关注
分享
扫一扫
文章平均质量分 78
pleasecallme_522
虽然我是一个卖烤红薯的女性，可是我拥有智慧与勇气，拥有不俗的人生观和梦想。我认真做人，努力卖红薯，为的就是有一天，当站在我爱的人身边，不管他富甲一方，还是一无所有，我都可以张开双手坦然拥抱他，他富有我不用觉得自己高攀，他贫穷我们也不至于落魄，这就是女性努力的原因，用积极的态度，过自己坦然的人生。
展开
-
CSS之对字体和文本的修饰
一.字体 1.设置文字字体：font-family 该属性值一般选取微软雅黑 2.设置字体大小：font-size 该属性值一般为某某px，px是像素 3.设置字体颜色：color确定该属性的值一般有三种方法： 1）#后加ps拾色器中颜色对应的十六进制数值，当六位值重复一样时，可以按每两位一简化的方法将数值简化为三位，eg:cccccc可以被简化为ccc 2）冒号后直接加blue、red、原创 2016-07-17 22:15:04 · 2441 阅读 · 0 评论 -
用css构建一个三角形
用css“画”一个三角形的原理就是利用边框重叠。 1.首先看一下“画”四个梯形的思路：构建一个div块，并且让其四周都有边框：div{width:80px;height:80px;border-bottom:20px #000 solid;border-top:20px red solid;border-left:20px blue solid;border-right:20px green so原创 2016-08-01 18:15:17 · 683 阅读 · 0 评论 -
css之常用样式及display样式
————————-常用样式————————– 一：背景（背景可以为纯色，也可以通过以下属性的修饰变得绚丽多彩） 1.设置背景色：background-color 2.设置背景图像：background-imag:url(图片相对路径) 3.设置背景是否重复：background-repeat,其值有四个： a.repeat:背景图重复，即平铺（默认值） b.repeat-x:横向平铺原创 2016-07-20 21:52:55 · 1644 阅读 · 0 评论 -
css之框模型（盒子模型）、默认样式初始化、选择器和伪类
一：框模型 1.概念：CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。 2.分类： a.border-box（代码中设置的宽、高，就是整个盒子的宽、高） 注：border-box（css3属性，ie8以下不兼容，Mozilla需要加上-moz-，Webkit内核需要加上-webkit-，Presto内核-o-，IE8-ms-） 现在多用此原创 2016-07-20 23:37:59 · 3448 阅读 · 0 评论 -
rgba和opacity的区别、修改表单中的placeholder属性样式
最近在写代码的时候频繁遇到这个问题的困扰，今天一次性将我对这两者区别的认知总结在这里：首先说opacity,这是一个css3属性，所以理所应当就存在兼容性问题： 并且需要注意的是，设置opacity元素的所有后代元素会随着一起具有透明性，一般用于调整图片或者模块的整体不透明度举个例子说，<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta原创 2016-10-16 21:21:11 · 1334 阅读 · 0 评论 -
css其他样式
1.去掉a及input等标签的虚线框：input,button{outline:none;} ::-moz-focus-inner{border:none;} a{blr:expression(this.onFocus=this.blur());} :focus{outline:0;-moz-outline-style:none;}将其加入common.css公共样式中去。2.元素透明度,格式如下：原创 2016-10-19 17:22:14 · 1102 阅读 · 2 评论 -
CSS之定位、居中、浮动及利用浮动设计网页布局和导航
一：定位： 1.相对定位：如果对一个元素进行相对定位，它将出现在它所在的位置上。然后利用属性position:relative，接着可以通过选择设置left、right、top 、bottom的值，让这个元素“相对于”它的起点进行移动。接下来用w3c网站上的一张图片来解释这个概念： 如果将 top 设置为 20px，那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像原创 2016-07-21 23:44:09 · 5127 阅读 · 0 评论 -
Flex布局学习总结
概念部分就将通过学习阮一峰的Flex 布局教程总结的一些问答内容贴在下面：1.使用flex布局有什么好处？答：布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器原创 2017-03-12 10:19:48 · 493 阅读 · 0 评论 -
在网页中使用个性字体
在一般的网页设计中，网页中的字体都是使用font-family这个CSS属性，但是一般默认的微软雅黑、宋体等种种默认字体都是比较规范但稍显死板的字体。如果想在自己的网页中使用比较个性的字体，应该怎么做呢？接下来就英语和汉语两方面总结一下我尝试过的方法：一.优秀的英文字体库——Google Fonts用法说明：假如你在Google Fonts中看重了如下字体，想应用到自己设计的网页中： 1.点击字体原创 2017-05-24 23:08:31 · 1079 阅读 · 0 评论