随笔分类 -  css

摘要:首先我们设置类如:.STYLE1 { width:150px; height:80px;color: #000000; border:1px solid #FF0000;} 解决让文字不超出CSS盒子的固定高宽我们只需要在此CSS类加入overflow:hidden;样式即可,加入后CSS类:.ST 阅读全文

posted @ 2016-11-15 11:19 上善其若水,厚德载物 阅读(2477) 评论(0) 推荐(0) |

摘要: 阅读全文

posted @ 2016-11-15 11:01 上善其若水,厚德载物 阅读(400) 评论(0) 推荐(0) |

摘要:margin是各个div相对的距离(定位) position是网页中的位置,不规则布局可以用这个 position:absolute和position:relative在一片css内不能和float一起使用 通常父级定义position:relative子级定义position:absolute,这 阅读全文

posted @ 2016-11-15 10:57 上善其若水,厚德载物 阅读(272) 评论(0) 推荐(0) |

摘要:clear用于清除浮动,即内嵌到下一个图层 原来的情况: 清除浮动变为内嵌: 可能需要一个标签 div{clear:left} div{clear:right} div{clear:both} 阅读全文

posted @ 2016-11-15 10:25 上善其若水,厚德载物 阅读(330) 评论(0) 推荐(0) |

摘要:float有三个值none,left就是靠左,right就是靠右,浮动就是浮动在上一层 如在标签box的范围内紧贴在标签的左边 在一定范围内紧贴在左边或右边 阅读全文

posted @ 2016-11-14 19:38 上善其若水,厚德载物 阅读(128) 评论(0) 推荐(0) |

摘要:一个border 有三个属性:了解 1)、边框颜色:border-color:#000 2)、边框厚度(宽度):border-width:1px 使用数字+单位设置边框厚度宽度,如1px(边框厚度宽度为1像素),边框必须为正数字,大于0的数值。否则设置边框border样式无效。 3)、border边 阅读全文

posted @ 2016-11-14 19:20 上善其若水,厚德载物 阅读(759) 评论(0) 推荐(0) |

摘要:1.文本的对齐方式 css: div.center { text-align: center } js: <div style="text-align: center"> ***************** text-align : left | right | center | justify l 阅读全文

posted @ 2016-11-05 22:06 上善其若水,厚德载物 阅读(200) 评论(0) 推荐(0) |

摘要:1. border怎么写: color怎么写: 2.背景颜色怎么写:background部分 3.css和标签内的表现形式: 4. 上面p标签中的样式生效,如果上边两种都出现的话 5. 当出现冲突时,p只有一个elemnt,body p是两个elemnet,更具体,具体的生效。 若要生效就写的更具体 阅读全文

posted @ 2016-11-05 21:20 上善其若水,厚德载物 阅读(118) 评论(0) 推荐(0) |

摘要:引入对同一元素作用的规则,离元素近的生效,blue生效。 冲突的所有原则是,越具体的越生效。 阅读全文

posted @ 2016-10-31 22:44 上善其若水,厚德载物 阅读(135) 评论(0) 推荐(0) |

摘要:clear:清楚以前悬浮内容 text-decoration:underline 加上下划线 阅读全文

posted @ 2016-10-31 20:41 上善其若水,厚德载物 阅读(165) 评论(0) 推荐(0) |

摘要:2. 3. 4. 阅读全文

posted @ 2016-10-31 20:27 上善其若水,厚德载物 阅读(106) 评论(0) 推荐(0) |

摘要:1. 2. p:first-line段落的第一行 3. 之前: 之后: 阅读全文

posted @ 2016-10-31 20:17 上善其若水,厚德载物 阅读(109) 评论(0) 推荐(0) |

摘要:侧边栏初始在网页下面: 1. 效果: 2. 效果: 3. 效果: 4.让搜索按钮到右边 效果: 5.在侧边栏添加规则:color是字体颜色 6.修改h3标签 阅读全文

posted @ 2016-10-30 00:46 上善其若水,厚德载物 阅读(277) 评论(0) 推荐(0) |

摘要:1.正文做的一些改变 2.正文添加一些规则: 效果:加了一条横线 效果: 阅读全文

posted @ 2016-10-29 00:44 上善其若水,厚德载物 阅读(168) 评论(0) 推荐(0) |

摘要:a元素下的图片: 链接: 段落: 这样写的一个好处是,以后如果要XX公司和下面的段落行距变为0,只要将XX公司所在的标签的padding设为0就可以了。 head: homelink: 超链接的样式: li的样式: 作用于最后一个li:去掉竖线 日期: 阅读全文

posted @ 2016-10-29 00:42 上善其若水,厚德载物 阅读(185) 评论(0) 推荐(0) |

摘要:效果:悬停时显示背景绿色,点击后链接变为粉色 举例: 阅读全文

posted @ 2016-10-28 23:44 上善其若水,厚德载物 阅读(3070) 评论(0) 推荐(0) |

摘要:1.文本缩进: 举例: 如果是整个段落缩进: 要实现下面的效果: -40px 2.文本对齐: 举例: 3.文本装饰: 举例: 删除线: 4.文本变形: 举例: 全部变大写: 全部变小写: 阅读全文

posted @ 2016-10-27 22:11 上善其若水,厚德载物 阅读(254) 评论(0) 推荐(0) |

摘要:1.font-family:选择用哪种字体 浏览器在这个电脑上找不到Arial字体会接着找Verdana字体,Verdana还没有往下找有没有sans-serif字体 2.字体风格: 举例: 3.字体粗细: 举例: 4.字体大小: smaller=medium/1.2 举例: 5.行间距: 举例: 阅读全文

posted @ 2016-10-26 00:30 上善其若水,厚德载物 阅读(203) 评论(0) 推荐(0) |

摘要:1.边界距:两个元素之间边框的距离 可以分别指定上右下左;如果写margin:一个值,就是上右下左的边界距都是一个值。 举例: tip:不写margin的话默认就会是0px,就是不加边界距,就是原来图片的位置 2.填充属性:边框内空间的大小 举例: 3.对任何元素指定背景图片 tips1:找图片的网 阅读全文

posted @ 2016-10-26 00:21 上善其若水,厚德载物 阅读(1493) 评论(0) 推荐(0) |

摘要:content:可以是图片,可以是文字, padding:content和border之间的空间 border:是一个元素的边框,这个边框一定是存在的,不管看见还是看不见 margin:border和另一个border之间的距离 1.边框宽度: 设置边框宽度的规则: 举例: 修改图片的边框: 找到图 阅读全文

posted @ 2016-10-25 00:08 上善其若水,厚德载物 阅读(98) 评论(0) 推荐(0) |

博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3