目录 二.CSS部分 1.解释一下CSS的盒子模型? 2.请你说说CSS选择器的类型有哪些,并举几个例子说明其用法? 3.请你说说CSS有什么特殊性?(优先级.计算特殊值) 4.要动态改变层中内容可以使用的方法? 5.常见浏览器兼容性问题与解决方案? 6.列出display的值并说明他们的作用? 7.如何居中div, 如何居中一个浮动元素? 8.CSS中 link 和@import 的区别是? 9.请列举几种清除浮动的方法(至少两种)? 10.block,inline和inlinke-block…

1.媒体查询的css代码的优先级要比其他的高! 2.text-overflow: 定义文本溢出父级元素如何处理!    clip/ellipsis/string 3.overflow: visible hidden  scroll  auto inherit scroll 和 auto有区别吗?…

HTML 1.一套规则,浏览器认识的规则. 2.开发者: 学习Html规则 开发后台程序: - 写Html文件(充当模板的作用) ****** - 数据库获取数据,然后替换到html文件的指定位置(Web框架) 3.本地测试 - 找到文件路径,直接浏览器打开 - pycharm打开测试 4.编写Html文件 - doctype对应关系 - html标签,标签内部可以写属性 ====> 只能有一个 - 注释: <!-- 注释的内容 --> 5.标签分类 - 自闭合标签 <meta c…

1.html+css经典布局 ①左列定宽,右列自适应 .left{width:100px;float:left;} .right{overflow:hidden;} ②两列顶宽,中栏自适应 .left{width:100px;float:left;} .right{width:100px;float:right;} .center{width:100%;margin:0 100px;} 2.px.em.rem.pt的区别 ①px是像素,用px设置字体大小时,比较稳定和准确,但是这种方法存在一个问…

实现代码: CodePen:毛玻璃效果 Dabblet:毛玻璃效果 HTML: <main> <blockquote> <em>"The only way to get rid of a temptation is to yield to it. Resist it, and your soul grows sick with longing for the things it has forbidden to itself, with desire for…

一.css和文档层叠 css规定了冲突规则,这些规则统称为层叠.这些规则定义了样式发生冲突时以优先级高的为准. 常用的优先级判定: 1. 开发者样式>读者样式>浏览器样式(除非使用!important标记 ) 2. id选择符>(伪)类选择符>元素选择符 3. 权重相同时取后面定义的样式 元素 元素(element)是文档结构的基础.在css中,元素通常分为两种形式:替换元素和非替换元素. 替换元素是指用来替换元素内容的部分并非由文档内容直接表示,如img.input都是由属性来替…

今天就简单写点的知识点 1. CSS字体样式小结 1) text-indent :值  实现段落首行缩进功能   (在起初我们编写段落时为了实现首行缩进两个字符时用的是HTML的标签元素&nbap;  ) 2)文字下划线 text-decoration:underline     ( 不用u标签) 3)文字删除线 必须超市打折 原价用一条线删除   text-decoration:line-through 2.CSS选择符的命名规范 1)驼峰命名法:除第一个单词首字母小写外,其他单词首字母都大写…

虽然说是一天搞定CSS,实际上也没有那么简单.只能说让你快速了解常见的CSS知识,解决基本的页面样式布局和设置. 每个独立的CSS知识点都比较简单,但是它们的应用非常灵活,特别是在综合应用中. 粗略说,大概也就十几个知识点: 1.CSS基本概念,以及分类 http://blog.csdn.net/baidu_37107022/article/details/71249345 2.表框border-粗细,样式,颜色 http://blog.csdn.net/baidu_37107022/artic…

header{font-size:1em;padding-top:1.5em;padding-bottom:1.5em} .markdown-body{overflow:hidden} .markdown-body>div,.markdown-body>article{width:100%} aside.sidebar{float:none;padding:0 18px 1px;background-color:#f7f7f7;border-top:1px solid #e0e0e0} .fl…

通配符使用星号*表示,意思是“所有的”. 平时使用电脑,比如要搜索C盘里所有的网页,可以使用 *.html来搜索,.html是网页的后缀名,*代表了所有网页的名称: 也就是使用 * 加后缀名,就可以在电脑中搜索文件. 在CSS中,同样使用 * 代表所有的标签或元素,它叫做通配符选择器. 比如:* { color : red; } 这里就把所有元素的字体设置为红色. *会匹配所有的元素,因此针对所有元素的设置可以使用*来完成,用的最多的例子如下: *{margin:0px; padding:0px…