【HTML和CSS的复习总结】的更多相关文章

HTML和CSS的复习总结

HTML(Hypertext Markup Language)超文本标记语言:其核心就是各种标记!<html> HTML页面中的所有内容,都在该标签之内:它主要含<head>和<body>两部分.<head> 头部:它通常包含抬头<title>,基本信息<meta>(内容类型content,字符集charset)等.<body> 主体:它通常包含标题<hn>,排版<br><hr>,文字&…

CSS面试复习（三）：预处理器、工程化方案、三大框架中的CSS

一.预处理器 1.介绍 基于CSS的另一种语言.通过工具编译成CSS.添加了很多CSS不具备的特性.能提升CSS文件的组织 2.less嵌套 3 .sass嵌套 4. less变量 5.sass变量 6.less mixin 7.sass mixin 8.less extend 9.sass extend 10.less loop 11.sass loop 12.less import 13.sass import 14.预处理器框架 二.工程化方案 1.PostCSS介绍 2.PostCSS插…

CSS面试复习（二）：CSS的使用

一.CSS基础 1.选择器 选择器{ 属性:值: 属性:值 } 作用:用于匹配HTML元素.分类和权重.解析方式和性能.值得关注的选择器 分类: 元素选择器a{} 伪元素选择器::before{} 类选择器 .link{} 属性选择器[type=radio]{} 伪类选择器 :hover{} ID选择器#id{} 组合选择器 [type=checkbox]+labei{} 否定选择器 :not(.link){} 通用选择器*{} 权重: ID选择器 #id{} +100 类 属性 伪类 +10…

CSS面试复习（一）：HTML强化

1. HTML常见元素和理解 head类 meta:字符集.base:路径. a[href,target] img[src,alt] table td[colspan,rowspan] form[target,method,enctype] input[type,value] button[type] select>option[value] label[for] 和body类 网页结构查看:http://h5o.github.io(拖拽到书签栏,在目的网页点击打开即起作用) 2.HTML版本…

css部分复习整理

CSS代码语法 css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响. 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔.当有多条声明时,中间可以英文分号“;”分隔,如下所示: p{font-size:12px;color:red;} 注意: 1.最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号. 2.为了…

css细节复习笔记——浮动

CSS除了能够改变字体.背景和所有其他属性,还能够完成基本布局任务. div+css通过浮动和定位.盒子模型等技术应用,是最常用的布局方式. 定位的基本思想很简单,它允许定义元素框相对于其正常位置应该出现在哪里,或者相对于父元素,另一个元素甚至浏览器窗口本身的位置. 另一方面,css1提出浮动.浮动不完全是定位,不过,他当然也不是正常流布局. 浮动 声明<img src ="b5.jpg" align="right">会导致一个图像浮动到右边,而允许其他…

css细节复习笔记——基本视觉格式化

css包含如此开放.如此强大的一个模型,对于这样一个模型,可以有无数种方法结合应用各种属性,可以得到的效果数不胜数. 基本框 css假定每个元素都会生成一个或多个矩形框,这称为元素框.各元素中心有一个内容区,这个内容区周围包含可选的内外边距和边框(之所以认为是可选,是因为可以设置为0). 对不同类型的元素格式化时存在着差别.块级元素的处理就不同于行内元素,而浮动元素和定位元素也分别有各自不同的表现. 包含块 每个元素都相当于包含块摆放:可以这么说,包含块就是一个元素的”布局上下文“,css2.1…

css细节复习笔记——结构与层叠

每个合法的文档都会生成一个结构树,有了结构树元素的祖先.属性兄弟元素等等创建选择器来选择元素,这是CSS继承的核心.继承是从一个元素向后代元素传递属性值所采用的机制.面向一个元素使用哪些值时,用户代理不仅要考虑继承,还要考虑特殊性,另外需要考虑声明本身的来源,这个过程就叫层叠. 本文讨论3种机制之间的关联:特殊性.继承和层叠. 特殊性 同一元素可以使用不同的方法来选择元素.但是每个规则,用户代理会计算选择器的特殊性,并将这个特殊性附加到规则的个个声明.如果一个元素有两个或多个冲突的属性声明,那么…

CSS基础复习

重新撸一遍CSS的基础,因为以前面试的时候被问到,突然发现某些概念搞不清楚,瞬间懵逼了,其实我都知道的,就是因为不会炒概念,导致面试官觉得我很low,你特么连这个都不知道还敢来面试,回家种田去好嘛! 样式分类 1.行内样式/行间样式 <p style="color:#F00; background:#CCC; font-size:12px;"></p> 虽然这种方法比较直接,在制作页面的时候需要为很多的标签设置style属性,所以会导致HTML页面不够纯净,文件…

Java ee 之 html/css样式复习

内容: 1,html/css样式 2,模拟简书注册登陆页面 *重点: 1,width:auto;height:auto; 2,background-image:url(Q5.png);left top 以Q5.png图片作为背景,平铺 background-image: linear-gradient(to left top, red, blue); 从右下角到左上角,由红变蓝 3,padding-top:50px;margin-left:50px; 设置上内边距为50个像素,左内边距为50个像…