css的一些复习】的更多相关文章

css重点章节复习—布局-边框-边距-浮动 在第二个任务中,这一块的后面那条线真的弄了很久.起初也是在html里面写的代码.之后觉得这样不好,想到第一个页面中用到的border-bottom和border-top就觉得这里应该可以用border-left或者border-right 就使用了.但是出现一个问题就是不管我怎么调,整条线都是从上画到下,不能合顶部底部的两条线分开.还好记得书本里面有一处是将将垂直线和上下部分开的.查了一下,竟然是用paddding.就觉得很震惊.原来那些margin…
常见的块元素有<h1><h6>.<p><div><ul><li><ol>等,其中<div>标记是最典型的块元素. 行内元素:行内元素不占有独立的区域,仅仅靠自身的字体大小和图像尺寸来支撑结构,一般不可以设置宽度,高度,对齐等属性.常用于控制页面中文本的样式.常见的行内元素有<strong><b><em><i><del><s><ins&…
HTML在MVC中担任着M的角色.由HTML组成的节点称之为HTML DOM.要想成为一流的大神,就必须能分分钟建立起一个强大的HTML DOM.而要做到这点,就必须了解甚至精通HTML. CSS在MVC中担任着V的角色.CSS用来装修HTML组成的骨骼,让HTML看起来有血有肉,更具活力! JS在MVC中担任着C的角色.JS用来包装HTML与CSS的身材,除了可以让WEB Site更加优美之外不至于“曝光”~ 我不是一个爱折腾的人,但我已经被前端所需的庞大知识体系折腾了很久.从入行到现在,从混…
css,全称Cascading Style Sheets,层叠样式表. css选择器是从右往左解析的,解析速度会比较快. 选择器 选择器权重 !important 优先级最高 元素属性 优先级高 相同权重 后写的生效 行高 留坑 背景 背景颜色 渐变色背景 多背景叠加 背景图片和属性(雪碧图) background:red url(image.png);这里不需要逗号 background:no-repeat;还可以选择repeat-x,repeat-y. background-position…
如果说网页是人的话那么CSS就是化妆品了哈哈哈,所以网页离不开CSS的装饰.id选择器和Class选择器    二者都是用来选择元素进行装饰的,我个人理解是类选择器包含了id选择器,class选择器不进能选出单个元素还能还能选出一类元素.外部样式表    在外部进行编写代码在网站的代码进行调用内部样式表    在网页的<head>中用加<style>然后用类选择器来调用内联样式表    在标签中加style就能直接修饰背景(background)       background-…
1. CSS优先级 标签内部属性 style定义的CSS > 文档内定义的css > 引用外部CSS文件 2. CSS选择器类型 . 标签选择器 . 类选择器(使用.做标识) . ID选择器(使用#做标识) 同一个文档里面ID是唯一的 . 属性选择器 3. CSS选择器的常见的几种表达方式                                           选择器   表达式 示例   备注 .class .intro 选择 class="intro" 的所…
http://blog.poetries.top/2016/10/19/HTML5+CSS3%E5%9F%BA%E7%A1%80%E5%9B%9E%E9%A1%BE%20/ 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提纲,并不是很详细,后面会一直完善补充新的内容,本文是一些笔记记录,放在这里供自己参考也供他人学习! 第一课 HTML5结构 HTML5 是新一代的 HTML DTD声明改变 <!DOCTYPE html> 新的结构标签 常用的一些新的结构标签 补充说明 s…
  在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像的设置在后续介绍到各种图绘制时介绍). 这里所说的文本是指在使用matplotlib作图过程中通过代码的方式往图中添加的各种文字,包括figure标题.axes标题.坐标轴标签.坐标轴刻度标签.注释.普通文本等.轴设置指的是对与坐标轴相关的的元素的设置,例如显示范围.刻度.刻度标签等. In [1]…
前几天被朋友问到几个CSS问题,讲道理么,接触CSS是从大一开始的,也算有3年半了,总是觉得自己对css算是熟悉的了.然而还是被几个问题弄的"一脸懵逼"... 然后又是刚入职新公司,事情不算多,于是拿起<CSS权威指南>进行"基础复习"+"查漏补缺",本篇文章主要是总结了些自己认为CSS中值的注意的几个知识点(本文知识点仅限本书范围内,若要讲CSS全部样式,那本兽还是选择慢慢懵逼去~). 选择器 这里要说明的是类选择器的嵌套选择与多类…
HTML(Hypertext Markup Language)超文本标记语言:其核心就是各种标记!<html> HTML页面中的所有内容,都在该标签之内:它主要含<head>和<body>两部分.<head> 头部:它通常包含抬头<title>,基本信息<meta>(内容类型content,字符集charset)等.<body> 主体:它通常包含标题<hn>,排版<br><hr>,文字&…
html+css复习之第3篇 | jquery  | bootstrap…
自己跟着网上教程复习上学期的HTML+CSS,因为已经忘得差不多了,而且现在学的js也要以HTML+CSS为基础,坚持每天持续更新. n  B/S 网络结构   Browser/Server 浏览器/服务器,这是现在最流行的网络模式.如新浪网.凤凰网等. C/S Client/Server 客户端/服务器.最关键的地方,在自己电脑上安装一个客户端软件,通过客户端访问服务器.QQ n  HTML 简介   HTML  Hypertext Markup Language 超文本标注语言. HTML是…
今天是2017年3月24日周五 每一天都是余生当中最好的一天,珍惜当下. CSS基础复习 1 复习 1.1Css第一天 css层叠样式表 基础选择器 标签选择器 p{属性: 值;} 类选择器 .自定义类名{} 通过class调用 id选择器 #自定义名{} 通配符选择器 *{} 所有元素选中 复合选择器 标签指定式选择器 标签名.(#)选择器{} 后代选择器   选择器 选择器 {} 标签关系包含嵌套关系 并集选择器 选择器 选择器 {} 属性选择器 /*属性选择器*/ input[type][…
flask 基本语法结构 注:这里练习的时候把装饰器的@给忘记了,导致访问404 下面练习一下在前段向后端传递参数 get请求需要用   request.args.get('变量') 去接收, get请求的参数都是放置在url中的, 如 http://127.0.0.1:33334/?user=python 这样就可以获取到了user的值了 post请求的参数部分是放置在body里面的,url中没有直接的体现 获取的语法 request.form.get('user') render_templ…
css盒模型与BFC 本文为收集整理总结网上资源 旨在系统复习css盒模型与bfc 节省复习时间 阅读10分钟 什么是盒模型 每一个文档中,每个元素都被表示为一个矩形的盒子,它都会具有内容区.padding.border.margin .png) 盒模型主要分两种 标准盒模型 IE盒模型(怪异盒模型) 两者的区别: 标准盒模型的宽高则为内容区域的宽高 IE盒模型则宽高为 border + padding + 内容区 如何切换盒子模型? 使用box-sizing来进行切换 border-box 切…
CSS3从入门到深入(复习查漏向 pre_section CSS:层叠样式表,决定网页表现 网页为多层结构,CSS为每一层设置样式,最后显示最上一层 CSS语句 = 选择器 + 声明块 形式 内联样式 style="CSS语句"作为标签属性,仅本标签可以使用 内部样式表 head标签中使用style标签+CSS语句,仅当前文件可以使用 外部样式表 CSS语句作为独立文件,HTML需要使用时通过<link rel="stylesheet" href="…
一些需要记住的点: day1 HTML格式及简单标签: html 文件一般格式: 1 <html> 2 <head lang="en"> 3 <meta charset="utf-8"> 4 <title>页面名称</title> 5 </head> 6 <body> 7 页面内容 8 </body> 9 </html> charset 设置字符编码,避免页面…
CSS 选择器 p.into  表示带有into类的p元素 伪类: a)      first-line b)      last-line 伪元素: :before  能在指定的元素前添加内容(创造内容) 如:p.tip:before{content: ‘hot top’;} :after 用法和:before相同 ::sekection  针对访问者选中的东西进行样式设置.(只能对颜色和背景颜色进行改变) 如:::selection{ color:#fff; background-color…
(1)由于公司是意大利的网段, (2)而且公司的电脑是保密的, (3)文件发不出去, (4)U盘插不进去. (5)而且我们组的项目整体上已经开发完毕,客户暂时没有什么大的需求, 所以如果我不把这些技术知识发到网上,每天闲着没事的时候看一看,感觉整个人就费了 第一个Hello World <html> <head> <title>hello world~</title> </head> <body> hello world!<br…
1.html与css的结合方式 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8&…
jquery Css方法一步步升级 <script src="jquery-1.8.3.js"></script> <script type="text/javascript"> //css 方法 一步步升级 //1.css /* $(function () { $("input").click(function() { $(".shang").css("font-size&quo…
margin: 1. 当有三个值时第一个值为上,第二个值为左右,第三个值为下. 2.margin外边距折叠,水平没有,垂直会折叠,且折叠后以两者最大值为准.另外,当一个元素包裹另一元素时也会发生折叠.折叠条件:垂直,包含. 3.margin用于来居中时auto要作用于左右,margin上下值会忽略auto. padding: 1.padding不接受负值,margin接受负值且很重要,用于垂直居中. 2.padding对auto无效. 3.不存在内边距折叠. overflow: 属性值有:vis…
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <style> /*(Eric Meyer’s CSS 清零代码)清零代码*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4,…
1. 保证在火狐浏览器字体<12px,苹果横屏的时候字体显示大小还是12px html { background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 2. 带点击区域的图像映射 <img src="planets.gif" width="145" height="126" alt="Planets" usemap=…
n  HTML颜色表示 网页中的颜色有三种表示方法 颜色单词:blue.green.red.yellow 10进制表示:rgb(255,0,0).rgb(0,255,0).rgb(0,0,255) 16进制表示:#ff0000.#00ff00.#0000ff 自然界中,所有颜色都可以用三种光的不同波长混合而成.这三种光就是红光.绿光.蓝光. 在计算机中,每个基色,用8位二进制(2^8=256)',那么RGB共可以表示256*256*256=1670万色. 用16进制表示颜色时:用2位十六进制代表…
n  <meta>标记 <meta>的主要作用,是提供网页的源信息.比如:指定网页的搜索关键字 <meta>标记有两个属性:http-equiv和name. 1. http-equiv属性 功能:模拟http协议文件头信息,当信息从服务器端传到客户端时,告诉浏览器如何正确的显示网页内容. http-equiv属性一般要与content属性配合使用.Content属性指定信息的详细参数. (1·)设置网页的字符集 <meta http-equiv="Con…
js文件包含在<script>块中用scr引用,css在link和@import来引用,css不是本篇的重点,直接引用一个博主的总结: “ 区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务:@import属于CSS范畴,只能加载CSS. 区别2:link引用CSS时,在页面载入时同时加载:@import需要页面网页完全载入以后加载. 区别3:link是XHTML标签,无兼容问题:@import是在CSS2.1提出的,低版本的浏览器不支持. 区别4:ink支持使用J…
js取div的宽高咋办,css有content-box,border-box,padding-box,表现又不一样.好在有个offsetWidth, <style type="text/css"> *{margin: 0;padding: 0;} #aa{ margin: 20px; padding: 15px; border: 10px solid red; width: 50px; height: 50px; background-color: orange; box-…
一.预处理器 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基础 1.选择器 选择器{ 属性:值: 属性:值 } 作用:用于匹配HTML元素.分类和权重.解析方式和性能.值得关注的选择器 分类: 元素选择器a{} 伪元素选择器::before{} 类选择器 .link{} 属性选择器[type=radio]{} 伪类选择器 :hover{} ID选择器#id{} 组合选择器 [type=checkbox]+labei{} 否定选择器 :not(.link){} 通用选择器*{} 权重: ID选择器 #id{} +100 类 属性 伪类 +10…