2019年11月6日

摘要: 要做出上述表格来代码如下: 文档自带 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 阅读全文
posted @ 2019-11-06 15:46 咳咳1122 阅读(522) 评论(0) 推荐(0) 编辑
摘要: 选择器 权重值 对应意思 !important >1000 标重点 (最高优先级) 内联样式 1000 写在body里的 id选择器 100 style样式里以#开头的 类/伪类 10 在样式里以.开头 元素 1 p、h1、em、a,html 见该链接https://www.w3school.com 阅读全文
posted @ 2019-11-06 15:43 咳咳1122 阅读(509) 评论(0) 推荐(0) 编辑

2019年11月5日

摘要: 群组选择器 <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content= 阅读全文
posted @ 2019-11-05 14:37 咳咳1122 阅读(77) 评论(0) 推荐(0) 编辑
摘要: CSS实现文字和图片的水平垂直居中 关于文字和图片的水平垂直居中,在前端界绝对算是一个老生常谈的问题了,尤其是垂直居中,什么千奇百怪的解法都能想的出来。下面我就总结一些比较常用的方法: 一、文本的水平垂直居中: 1、水平居中: 是不是很开心?超级简单的问题,一个text-align:center 就 阅读全文
posted @ 2019-11-05 14:23 咳咳1122 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 需要 margin-top与行高配合 代码如下: .cright{ width: 730px; height: 170px; float: right; line-height: 12px; margin-top: 18px; .cright{ width: 730px; height: 170px 阅读全文
posted @ 2019-11-05 09:53 咳咳1122 阅读(113) 评论(0) 推荐(0) 编辑

2019年11月4日

摘要: 需要做出一个关注的按钮 代码如下: div.cltwo{按钮盒子 width: 65px; line-height: 30px;行高(使文字居中办法) height: 30px;(盒子高度,使其文字多时不被撑开) border: 1px red solid; margin: 0px 15px 40p 阅读全文
posted @ 2019-11-04 18:16 咳咳1122 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 需要使用border-radius 代码如下: div.clone{父(圆) width: 60px; height: 60px; margin: 30px 20px 10px 30px;外边距上右下左; } div.clone>img{子(图片img) display: block;把img行内元 阅读全文
posted @ 2019-11-04 18:14 咳咳1122 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 比如设计图盒子大小为850px*170px,由前端页面浏览器显示出来即会被子级盒子多出来2px,清除多出来2px的解决办法是 在style标签里面最上面即可 *{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */火狐浏览 阅读全文
posted @ 2019-11-04 16:59 咳咳1122 阅读(224) 评论(0) 推荐(0) 编辑

2019年10月31日

摘要: 1.什么是CSS 注释快捷键ctrl+\ Cascading style sheets 层叠样式表、级联样式表。简称样式表 2.css的作用 设置HTML网页中元素的样式 3.HTML与 css的关系 HTML:负责网页的搭建,内容展示--一个页面骨架 CSS:负责网页的修饰,样式的构建--给网页化 阅读全文
posted @ 2019-10-31 14:58 咳咳1122 阅读(85) 评论(0) 推荐(0) 编辑

2019年10月30日

摘要: input 标签日期 代码如下 <form action="" > <br> <hr> <input type="month"> <input type="date"> </form> <form action="" > <br> <hr> <input type="month"> <input t 阅读全文
posted @ 2019-10-30 16:25 咳咳1122 阅读(709) 评论(0) 推荐(0) 编辑

导航