-
CSS边框与背景
边框：边框border：border-style 上 右 下 左：各个边框的样式 分开设定：border-top-style、border-right-style、border-bottom-style、border-left-style none：没有边框(默认值) solid：实线边框 dashed：破折线边框 dotted：圆点线边框 double：双线边框 groove：槽线边框 ridge：脊线边框 inset：使元素内容具有内嵌效果的边框 outset：使元素内容具有外凸效果的边框 border...
2016-12-16 -
常用的CSS命名规则
常用的CSS命名规则头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体佈局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scro...
2016-12-16 -
CSS文本样式
一、优先级如果某一个样式被优先级高的给替换掉了，却又想执行这个样式方案，可以将这个方案标记成重要样式(important)color:green !important;//强行设置最高优先级 二、样式继承只适用于元素的外观(文字、颜色、字体等)，而元素在页面上的布局样式则不会被继承。如果继承这种样式，就必须使用强制继承：inherit<p>这是<b>HTML5</b></p> <style type="text/css"> p {border:1px solid red;} b {border:inheri...
2016-12-16 -
CSS中的伪类和伪元素
伪类用一个冒号表示：用于根据特定条件选中特定的元素伪元素用两个冒号表示：是一个元素中的特定的某部分文档，代表了某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中css2之前伪元素和伪类都用一个冒号表示，但是css3之后为了区分两者，伪类采用一个冒号来表示，伪元素采用两个冒号来表示浏览器为了兼容之前的CSS2代码，伪元素使用一个冒号也可以识别，抛开兼容性的问题，在书写时应该尽可能养成好习惯，区分两者常见的伪元素：::before(content:'';style)：在元素之前插入内容.demo p::before{content:'之前插入内容';...
2016-12-16 -
常见css选择器
1、通用选择器* ：选择页面所有元素建议不使用，会给浏览器带来太多的负担* {margin: 0; padding: 0;} 通用选择器也可以用到子选择器上 #container * {border: 1px solid black;}2、标签选择器Tag ：选择页面中指定的标签a {color: red; }3、类选择器.className ：选择具有指定类名的所有元素.error {color: red;}4、ID选择器\#idName ：选择具有指定ID的元素id选择器不能重复使用，不过id选择器的渲染速度是最快的。#container {width: 960px; margin...
2016-12-16