随笔分类 -  CSS&CSS3学习笔记

在学习CSS和CSS3中遇到的问题,以及总结的知识点。
CSS中alt和title属性的正确使用
摘要:1、在<img>标签中的使用 alt:全称为alttext,实质是当图片无法正确显示时用于替换(在IE下同时起到了title的作用,即鼠标滑过时文字提示); title:鼠标经过时文字提示,可在重要的图片(logo)或用户会体验到的图片内容加上; 2、在其他方面的应用 alt:只能用在<image> 阅读全文

posted @ 2016-04-20 22:08 FEbuddy 阅读(4665) 评论(0) 推荐(0)

CSS中的伪类和伪元素
摘要:1、和链接(<a>标签)相关的 2、和段落(<p>标签)相关的 在CSS3中为了区分伪类和伪元素,表示时在伪元素前面加两个冒号,如下: ::first-letter和::first-line(若网站兼容Chrome、Opera、FF和Safari等浏览器,为了符合CSS3的规范,最好用两个冒号;但若 阅读全文

posted @ 2016-04-20 20:28 FEbuddy 阅读(242) 评论(0) 推荐(0)

HTML、CSS和JS中注释类型的总结
摘要:添加必要的注释,是一个优秀的程序员必须具备的好习惯,可以大大提高代码的可维护性、可读性。 1、HTML注释 <!--注释的内容--> 注释的地方(根据个人习惯可能有所不同): 结束标签的后面,这一切都是为了程序在嵌套的时候更加方便、明了,如: 2、CSS注释 /*注释的内容*/ 注释的位置: 某个模 阅读全文

posted @ 2016-04-18 19:28 FEbuddy 阅读(1075) 评论(0) 推荐(0)

利用CSS3中的clac()实现按照屏幕分辨率自适应宽度
摘要:1、简介 calc()看其外表像个函数。平时在制作页面的时候,总会碰到有的元素是100%的宽度(例如body元素)。如果元素宽度为100%时,其自身不带其他盒模型属性设置还好,要是有别的,那将导致盒子撑破。比如说,有一个边框,或者说有margin和padding,这些都会让你的盒子撑破。我们换句话来 阅读全文

posted @ 2016-04-18 16:08 FEbuddy 阅读(14968) 评论(0) 推荐(0)

没有被广泛采用的box-sizing属性
摘要:在标准盒模型下设置的width和height只是内容的宽和高,但在设置了宽和高的情况下若还要设置border、margin、padding等时,会发生溢出的现象,因此需要将盒模型更改。 box-sizing 属性用来改变默认的 CSS 盒模型对元素宽高的计算方式。这个属性可以用于模拟那些非正确支持标 阅读全文

posted @ 2016-04-17 16:24 FEbuddy 阅读(206) 评论(0) 推荐(0)

引入外部CSS的两种方式及区别
摘要:1、CSS的两种引入方式 通过@import指令引入 @import指令是CSS语言的一部分,使用时把这个指令添加到HTML的一个<style>标签中; 要与外部的CSS文件关联起来,得使用url而不是href,并且要把路径放在一个圆括号里面; 通过<link>标签引入(最常用方式) 2、两种方式的 阅读全文

posted @ 2016-04-11 20:19 FEbuddy 阅读(3373) 评论(0) 推荐(0)

导航