2018年8月9日

摘要: vertical-align属性 设置元素内容的垂直方式。 属性值:baseline、sub、super、top、text-top、middle、bottom、text-bottom、长度、百分比 注:对行内元素和单元格元素有效。 例子: vertical-align: 15px; 向上移15px 阅读全文
posted @ 2018-08-09 17:12 古月秋冬 阅读(131) 评论(0) 推荐(0) 编辑
摘要: line-height属性 设置元素中文本行高。 阅读全文
posted @ 2018-08-09 17:01 古月秋冬 阅读(173) 评论(0) 推荐(0) 编辑
摘要: text-align 设置元素内文本的水平对齐方式。 属性值:left、right、center、justify 注:该属性对块级元素设置有效。 阅读全文
posted @ 2018-08-09 16:51 古月秋冬 阅读(1144) 评论(0) 推荐(0) 编辑
摘要: 文字样式属性 字体:font-family 文字大小:font-size 文字颜色:color 文字粗细:font-weight(normal、bold、bolder、lighter、100~900) 文字样式:font-style(normal、italic、oblique) font-varia 阅读全文
posted @ 2018-08-09 16:38 古月秋冬 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 选择器权值 标签选择器:权值为1 类选择器和伪类:权值为10 ID选择器:权值为100 通配符选择器:权值为0 行内样式:权值为1000 !important规则: 可调整样式规则的优先级 添加在样式规则之后,中间用空格隔开 div{color:red !important;} 阅读全文
posted @ 2018-08-09 13:24 古月秋冬 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 链接伪类 链接的4种状态:激活状态、已访问状态、未访问状态和鼠标悬停状态。 :link 未访问的链接 :visited 已访问的链接 :hover 鼠标悬停状态 :active 激活的链接(点下鼠标松开鼠标之前的状态) 例子: a:link{color:red;} 链接伪类的顺序: :link > 阅读全文
posted @ 2018-08-09 11:46 古月秋冬 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 后代选择器: <p><em>CSS</em>层叠样式</p> 使用后代选择器设置,之间用空格隔开: p em{font-size:40px;} 例子: p a em{......} #p1 em{......} p.red a em{......} 阅读全文
posted @ 2018-08-09 11:26 古月秋冬 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 群组选择器 集体统一设置样式: p,h1,h2,h3,h4{font-size:30px;} 注意:class和id的值区分大小写。 全局选择器 所有标签设置样式: *{ color:blue; ...... } 阅读全文
posted @ 2018-08-09 11:16 古月秋冬 阅读(200) 评论(0) 推荐(0) 编辑
摘要: ID选择器: 为HTML标签添加ID属性: <p id="p1">内容1</p> <p id="p2">内容2</p> 通过ID选择器来为具有此ID的元素设置CSS规则: #p1{color:red;} #p2{color:blue;} 阅读全文
posted @ 2018-08-09 11:08 古月秋冬 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 标签选择器: 以HTML标签作为选择器: 例: p{color:blue;} p,h1,h2,h3,h4{font-size:30px;} 类选择器: 为HTML标签添加class属性: 例: <h1 class="red">内容1</h1> <p class="red">内容2</p> 通过类选择 阅读全文
posted @ 2018-08-09 11:03 古月秋冬 阅读(439) 评论(0) 推荐(0) 编辑

导航