JY03-HTML/CSS-京东03 - 相关文章

【JY03-HTML/CSS-京东03】的更多相关文章

CSS基础(03)

1.简单了解浏览器是如何渲染页面和加载页面浏览器就是通过HTTP 协议与服务器进行通信,取到数据之后进行渲染的过程,如图: 这图是园友的看着挺符合我思路就直接拿来用了,从服务器端返回的是HTML代码,浏览器渲染.加载也是从这里开始: 浏览器有不同的厂商,所以内部肯定会有不同的处理方式,所以这里只是记录一些简单的,况且本篇文章属于基础范畴: 1.浏览器下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的. 2.在渲染到页面的某一部分时,其上面…

css笔记03：伪类first-child

1. 匹配第一个 <p> 元素在下面的例子中,选择器匹配作为任何元素的第一个子元素的 p 元素: <html> <head> <style type="text/css"> p:first-child { color: red; } </style> </head> <body> <p>some text</p> <p>some text</p> <…

CSS【03】：CSS 基础选择器与三种引入方式

基础选择器选择器:css 选择 html 标签的一个工具,是将 css 与 html 建立起联系,那么 css 就可以控制 html 样式选择器其实就是给 html 标签起名字标签选择器作用:根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性格式: 标签名称 { 属性: 值; } 注意点: 标签选择器选中的是当前界面中所有的标签,而不能单独选中某一个标签标签选择器无论标签藏得多深都能选中 id选择器作用:根据指定的 id 名称找到对应的标签,然后设置属性格式: #…

CSS系列 (03)：CSS三大特性

层叠性层叠性指的是样式的优先级,当产生冲突时以优先级高的为准,优先级相同时取后面定义的属性样式. 继承性继承性指的是子孙元素可以继承父元素的属性. 记录一下开发中常用的继承属性: 字体系列 font.font-style.font-weight.font-size.font-family 文本系列 text-align.text-indent.line-height.color..... 元素可见性 visibility 光标属性 cursor 优先级 CSS的specificity特性或非…

css基础03

就近原则执行粉色.而不是全覆盖,只有样式冲突的地方才会覆盖. 会执行粉色和12px.后来者居上高度宽度内外边距这些不会继承. 子元素会继承行高, 1.5是行高是字体大小的1.5倍的意思. 有了!important后其他都没用了,直接粉红色. 结果会是都是绿色,不是红色,因为权重叠加了. 这样会变成粉色. green2和red1和pink11,pink最大. 权重越高越优先执行. 边框也可以只设置一边,上边框下边框左右边框. 两个方法都可以,但是叠加的下面的两行代码更简单.层叠性. 上右下左!!…

CSS——京东首页实战总结

第一天成果 1.浮动的盒子不要给宽,内容撑起盒子的宽在前端设计中,一般不给浮动的盒子设置宽,让其用内容撑起一个高度. 2.小三角的表示 ◇用一个盒子(盒子宽为字的宽,高度为字高度的一半)去截取这个菱形来得到一个三角,当然还要涉及到浮动. 3.块级元素只能通过padding-top来调节垂直居中 4.文字旁边的小图标文字旁边的小图标是通过设置左右padding来给出一个空白,然后让图标进行绝对定位将图标加到文字的旁边. 第二天成果…

CSS设计一个三列布局的页面

探讨这种布局是因为最近对话框组件以及信息系统B/S界面布局的需要.无论是什么,我们在写CSS之前首先引入reset.css,我使用的是淘宝的reset. 01 /* 02 KISSY CSS Reset 03 */ 04 /** 清除内外边距 **/ 05 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ 06 dl, dt, dd, ul, ol, li, /* list elemen…