JY03-HTML/CSS-京东02

---恢复内容开始---

1. position:absolute  

1.1 绝对定位设置定位值为百分比时

如设置right:50%,即元素右侧外边框距离父盒子右侧始终始终为父盒子宽度的一半

  可以使用magin调节元素位置时(如居中等),且定位时使用的属性与设置外边距的属性一致,即left--margin-left,right--margin-right

1.2 设置position属性时,如未定义top-right-bottom-left值,则元素脱标后的位置仍为之前在标准流中的位置

2.direction:ltf|ftl

2.1 文档流方向--让图中margin-right值表现出来

2.2 制作网站logo图时,对a标签使用padding-right无法隐藏文字的原因,可以设置rtl

3.行内元素可以设置margin-left|right

4.注意

4.1 webstorm  ---- ctrl+alt+T ----   可以给选定内容设置标签环绕

4.2 层叠是指css样式中:

4.2.1 相同权重,在不同位置层叠(今天记错了)--css样式中的位置

4.2.2 权重高层叠权重低

4.3 copyright版权 definition定义slogan标语口号

4.4 dl用法

时间: 2024-10-12 20:32:43

JY03-HTML/CSS-京东02的相关文章

Java web(html/js/jq/css/京东项目)京东网页高仿

登录部分HTML+CSS: <!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>京东-欢迎登录</title>        <link rel="shortcut icon" href="favicon.ico"/>         <style type=

HTML/CSS 知识点02 (转)

一个完整的页面由三部分构成: html:超文本标记语言 通过语义化标签,搭建页面"结构" css:层叠样式表 负责页面"样式",美化页面的 js:轻量级的脚本语言:交互指的是两个地方(行为) 前端自己在页面上写的"动效" 前后台的"数据交互" 结构,样式,和行为三者相结合 css的引入方式 嵌入式:(内嵌式) <style> body{ height:100%; background-color: red; } &

css笔记02:选择器(标签式和类)

body { margin:0; padding:0; background:#000 url('images/backgrounds/star.png') no-repeat fixed; font: 12px sans-serif; } 这里body就是选择器,这里将margin.padding.background及font等CSS属性应用到到这个body元素之中, 要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器.   HTML页面中的元素就

css基础--常用css属性02

上篇地址:css基础--常用css属性01 本文参考菜鸟教程和w3school 1  浮动和清除浮动 在上篇的第十一节--定位中说道: CSS 有三种基本的定位机制:普通流.浮动和绝对定位. 普通流和绝对定位已经说完,接下来就是浮动了. 什么是浮动? CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列. 我的理解是:浮动将元素‘上浮’一层,并保留元素在上层对下层的投影的位置. 请注意: 元素的水平方向浮动,意味着元素只能左右移动而不能上下移动. 一个浮动元素会尽量向

HTML5+CSS:02用户注册表单

新的学期已开始接近两个月了,还记得是在国庆节那几天申请的博客账号,可过了一个月都还没开始写博客,(>_<)有点小偷懒了,不过,学习还是不能落下的,今写一个有点实践运用的关于表单网页的代码,希望能够帮助到跟我一样H5的小白们,也请各位大佬多多指教!! 首先,先上我们敲的表单样式(如下): 其次,代码接上吖,Html5代码如下: <!DOCTYPE html><html>    <head>        <meta charset="UTF-8

CSS——京东首页实战总结

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

(1) css的核心基础

 css的核心基础 1.css的基本语法在具体使用css之前,请各位兄弟姐妹先思考一个生活中的问题,一般情况下我们是如何描述一个人的呢? 小明{ 民族:汉族: 性格:温柔: 性别:男: 体重:68kg: 身高:172CM: } 这个表实际是由3个要素组成的,即姓名.属性.属性值.通过这样一张表,就可以把一个人的基本情况描述出来了.表中每一行分别描述了一个人的某一种属性,以及该属性的属性值. css的规则:三级标题{                             用英文写出来:h3{ 

DAY44-前端入门-css的三种引用方式以及优先级、样式与长度颜色、常用样式、css选择器

目录 一.css的三种引用方式 行间式 内联式 外联式 二.三种引入的优先级 三.样式与长度颜色 基本样式 长度 颜色 四.常用样式 字体样式 文本样式 背景样式 五.css选择器 基础选择器 基础选择器优先级 组合选择器 组合选择器优先级 属性选择器 一.css的三种引用方式 行间式 1.在标签头部的style 2.属性值是css语法 3.属性值用Key:value形式赋值,value具有单位 4.属性值之间用;隔开 <div style='width:100px;height=100px;b

设计传说 PS零基础精通 Photoshop CC 2015视频教程

       课程目录: 课时1 Photoshop CC 2015 全面技能培训介绍  03:08课时2 1.1 PSCC工作区域及面板自定义 08:47课时3 1.2 图像文件的多种打开方式 05:29课时4 1.3 拓展A - 常用文件格式理解 05:34课时5 1.4 拓展B - 分辨率/压缩存储 09:37课时6 1.5 预览图像的高级操作方式 10:21课时7 1.6 画布大小/图像大小的调整 08:49课时8 1.7 裁剪/透视裁剪/标尺拉直 10:53课时9 1.8 自由变换与

jQuery——表单应用(3)

HTML: <!--表单-多行文本框应用-滚动条高度变化--> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link type="text/css" href="02.css" rel="stylesheet"/> <title></title> <script