【前端_CSS】的更多相关文章

前端_CSS

目录 CSS语法 CSS的四种引入方式 CSS选择器 CSS属性操作 补充 示例(一些小模板) CSS语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 1 2 3 4 5 6 7 8 9 '''         selector {                   property: value;                   property: value;              ...  property: value                    …

【前端_css】RGB 常用颜色列表

转载博客:RGB 常用颜色列表…

前端技术之_CSS详解第一天

前端技术之_CSS详解第一天 一html部分 略.... 二.列表 列表有3种 2.1 无序列表 无序列表,用来表示一个列表的语义,并且每个项目和每个项目之间,是不分先后的. ul就是英语unordered list,“无序列表”的意思. li 就是英语list item , “列表项”的意思. 你会发现,这是我们学习的第一个“组标签”,就是要么不写,要么就要写一组. <ul><li>北京</li><li>上海</li><li>广州&…

前端技术之_CSS详解第二天

前端技术之_CSS详解第二天 1.css基础选择器 html负责结构,css负责样式,js负责行为. css写在head标签里面,容器style标签. 先写选择器,然后写大括号,大括号里面是样式. <style type="text/css"> body{ background-color: pink; } </style> 常见属性: h1{ color:blue; font-size: 60px; font-weight: normal; text-deco…

前端技术之_CSS详解第三天

前端技术之_CSS详解第三天 二.权重问题深入 2.1 同一个标签,携带了多个类名,有冲突: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:…

前端技术之_CSS详解第四天

前端技术之_CSS详解第四天 一.第三天的小总结 盒模型box model,什么是盒子? 所有的标签都是盒子.无论是div.span.a都是盒子.图片.表单元素一律看做文本. 盒模型有哪些组成: width.height.padding.border.margin. width.height是内容的宽度.高度,想起来丈量包子的比喻.丈量稿纸的比喻. padding,内边距,边框和文字内容之间的距离.padding有颜色.表示方法,能够用padding综合写,4个值“上.右.下.左”,3个值“上.…

前端技术之_CSS详解第五天

前端技术之_CSS详解第五天 一.行高和字号 1.1 行高 CSS中,所有的行,都有行高.盒模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上的. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="htt…

前端技术之_CSS详解第六天--完结

前端技术之_CSS详解第六天--完结 一.复习第五天的知识 a标签的伪类4个: a:link 没有被点击过的链接 a:visited 访问过的链接 a:hover 悬停 a:active 按下鼠标不松手 顺序就是“love hate”准则. 可以简写: 1 a{ 3 } 4 a:hover{ 6 } background系列属性,CSS2.1层面 1 background-color 2 background-image 3 background-repeat 4 background-posi…

web前端开发书籍推荐_css/css3的好书有哪些？

css/css3样式已是web前端开发的主流技术了.每个优秀的前端程序员都应该熟悉,甚至精通css.那么要如何才能学好css,并很好的应用到实际开发中,这篇文章就推荐一些关于css相关的书籍给大家. CSS世界 以“流”为线索,从结构.内容到美化装饰等方面,全面且深入地讲解前端开发人员必须了解和掌握的大量的CSS知识点.同时,作者结合多年的从业经验,通过大量的实战案例,详尽解析CSS的相关知识与常见问题.作者还为本书开发了专门的配套网站,进行实例展示.问题答疑. 作者:张鑫旭,前端开发工程师,国…

前端性能优化_css加载会造成哪些阻塞现象？

css的加载是不会阻塞DOM的解析,但是会阻塞DOM的渲染,会阻塞link后面js语句的执行.这是由于浏览器为了防止html页面的重复渲染而降低性能,所以浏览器只会在加载的时候去解析dom树,然后等在css加载完成之后才进行dom的渲染以及执行后面的js语句.这就是造成在css下载完成之前,页面刚开始会出现白屏现象的原因. 浏览器渲染流程: 浏览器开始解析目标HTML文件,执行流的顺序为自上而下. HTML解析器将HTML结构转换为基础的DOM(文档对象模型),构建DOM树完成后,触发DomCo…