随笔分类 -  css

CSS3布局篇（多列布局）
摘要：我们通过学习 CSS3，能够创建多个列来对文本进行布局 ，就像报纸那样排版那样！ 可以参考详细说明：http://www.w3school.com.cn/css3/css3_multiple_columns.asp 如下多列属性： column-count：规定元素应该被分隔的列数。column-g 阅读全文
posted @ 2018-07-19 16:46 简称LCH 阅读(652) 评论(0) 推荐(0)
css3布局篇（双飞翼）
摘要：大家看到好多电商网站都见过经典三列布局，它也叫做圣杯布局 ，是Kevin Cornell在2006年提出的一个布局模型概念，这个在国内最早是由淘宝UED的工程师传播开来，在中国也有叫法是双飞翼布局，它的布局要求有以下的几点： 1、三列布局，中间宽度就自适应，目的都是左右两栏固定宽度； 2、在执行代码 阅读全文
posted @ 2018-07-19 16:32 简称LCH 阅读(631) 评论(0) 推荐(0)
CSS3 @media 查询（制作响应式布局）
摘要：这里简单说明一下@media 查询。 详细说明文档：http://www.runoob.com/cssref/css3-pr-mediaquery.html 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设 阅读全文
posted @ 2018-07-19 16:13 简称LCH 阅读(631) 评论(0) 推荐(0)
CSS制作红桃心
摘要：这里主要用到了before与after属性之前之后 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>画画</title> <style> #xing{ width: 100px; height: 80px; positi 阅读全文
posted @ 2018-07-19 13:31 简称LCH 阅读(558) 评论(0) 推荐(0)
css制作三角形
摘要：这个图形忘了在哪里见过的，不过见过有一些网站有这种图形。我这里做了一个简单的练习，希望帮到有需要的人。 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图形</title> <style type="text/css"> 阅读全文
posted @ 2018-07-19 13:28 简称LCH 阅读(201) 评论(1) 推荐(0)
css内容超出显示省略号
摘要：CSS实现单行、溢出显示省略号（…） 把要设置的显示省略号的标签，加上以下的属性 阅读全文
posted @ 2018-07-19 11:49 简称LCH 阅读(481) 评论(0) 推荐(0)
css制作旋转风车（transform 篇）
摘要：做这个案例之前首先要大概了解CSS的transform的属性 transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 看看效果图 打开的时候自动旋转，当鼠标经过的时候加快旋转速度，鼠标移开就恢复原来的速度。 参考代码：（为了美观可以自已加上一直背景 阅读全文
posted @ 2018-07-19 11:39 简称LCH 阅读(2283) 评论(0) 推荐(0)
css属性大全（基础篇）
摘要：什么是CSS？ CSS全称为Cascading Style Sheets，中文翻译为“层叠样式表”，简称CSS样式表，所以称之为层叠样式表（Cascading Stylesheet）简称CSS。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相 阅读全文
posted @ 2018-01-06 16:53 简称LCH 阅读(12555) 评论(0) 推荐(0)