文章分类 -  CSS

 
CSS——实例：时间轴
摘要：注意知识点： 1、border-radius = 60%，通过设置尺寸和背景色，作为圆圈，替代图片， 2、：nth-of-type（odd）或：nth-of-type（even），直接实现奇数项、偶数项的分配， 3、排版时，float和text-align对齐方式相反，向左float的、向右对齐， 阅读全文
posted @ 2017-08-30 22:36 笨笨是个名字 阅读(263) 评论(0) 推荐(0)
CSS——实践中的细节
摘要：一、.clearfix:after 通过设置插件：.clearfix{} ，实现float之后，仍保留父类样式 使用clear：both，可实现同样效果，但是在每次需要使用的时候，添加<div>标签clear，很麻烦 <!DOCTYPE html> <html lang="en"> <head> < 阅读全文
posted @ 2017-08-08 22:22 笨笨是个名字 阅读(175) 评论(0) 推荐(0)
CSS——实战模拟：抽屉网首页
摘要：抽屉网网址：http://dig.chouti.com/ 使用html+css的方式，模拟网站首页的显示效果， 使用图片，全部节选于网页， 使用html：link的方式，导入CSS html页面代码： <!DOCTYPE html> <html lang="en"> <head> <meta cha 阅读全文
posted @ 2017-08-06 20:24 笨笨是个名字 阅读(379) 评论(0) 推荐(0)
CSS——八大属性
摘要：一、颜色 有三种表示颜色的方法：英文单词、二进制颜色代表码、rgb， 二、字体 font-size：15px；设置字体大小，常用像素指定字体大小，指定长度的字号，不会随着浏览器的变化而变化 font-family：宋体；设置字体类型 font-weight：lighter、bold、bolder，设 阅读全文
posted @ 2017-07-26 09:07 笨笨是个名字 阅读(735) 评论(0) 推荐(0)
CSS——选择器
摘要：一、基本选择器，有三种应用方式： 1、使用通配符 * * 对所有标签进行渲染，包括body标签，优先级最低 2、使用id id不能以数字开头，具有唯一性，不可重复 3、使用class class不能以数字开通，但是不具有唯一性，可以重复 注意： 通配符的优先级低于标签，标签的优先级低于id或clas 阅读全文
posted @ 2017-07-23 11:10 笨笨是个名字 阅读(99) 评论(0) 推荐(0)
CSS——四种引入方式
摘要：在html文本中，引入CSS，进行显示效果的渲染，有四种方式： 一、直接在标签中，添加属性style 只能渲染指定的一个标签 二、使用标签选择器，添加在head标签中 只适用于当前文档，不能跨文档使用 三、使用@import方式，导入CSS文件， 可跨文档使用同一CSS式样， 同一文件也可以同时导入 阅读全文
posted @ 2017-07-17 20:07 笨笨是个名字 阅读(369) 评论(0) 推荐(0)