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

CSS基础(02)

CSS 选择器 1.CSS3 选择器简介 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. 语法: 下面中"CSS" 列指示该属性是在哪个 CSS 版本中定义的.(CSS1.CSS2 还是 CSS3.) 下面是W3C中选择器参考手册: 选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素. 1 #id #firstname 选择 id="firstname" 的所有元素. 1 *…

css笔记02：选择器（标签式和类）

body { margin:; padding:; 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(浮动),会使元素向左或向右移动,其周围的元素也会重新排列. 我的理解是:浮动将元素‘上浮’一层,并保留元素在上层对下层的投影的位置. 请注意: 元素的水平方向浮动,意味着元素只能左右移动而不能上下移动. 一个浮动元素会尽量向…

前端之css样式02

一.float属性 block元素通常被现实为独立的一块,独占一行,多个block元素会各自新起一行,默认block元素宽度自动填满其父元素宽度.block元素可以设置width.height.margin.padding属性: 常见的块级元素有 div.form.table.p.pre.h1-h5.dl.ol.ul 等. inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化.inline元素设置width.height属性无…

HTML5+CSS：02用户注册表单

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

python+selenium元素定位之CSS学习02

参考文档:https://www.runoob.com/cssref/css-selectors.html CSS选择器用于选择你想要的元素的样式的模式. "CSS"列表示在CSS版本的属性定义(CSS1,CSS2,或对CSS3). 选择器 示例 示例说明 CSS .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素 2 ele…

css基础02

熟练快捷键!方便,要多练!  css复合选择器 不会选孙子,有一个儿子和另一个儿子的孩子(也是孙子)同名了,但子选择器子选择儿子,同名的孙子不选.和后代选择器有一点不一样的. " ,"是div和p的意思   比如,将光标放在某些字上面那一行或者那几个字的底色或者字体颜色就会变化. 冒号:---代表鼠标经过的意思. 一定要按顺序书写伪链接选择器. 光标点哪里哪里就亮起来. 标签有很多,所以要分很多的种类. 即使独占一行没有全部利用上,但是下一个元素也是另起一行. 在资料里是查找不到这样的…

CSS——京东首页实战总结

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

04：CSS（02）

溢出属性 p { height: 100px; width: 50px; border: 3px solid red; /*overflow: visible; !*默认就是可见 溢出还是展示*!*/ /*overflow: hidden; !*溢出部分直接隐藏*!*/ /*overflow: scroll; !*设置成上下滚动条的形式*!*/ /*overflow: auto;*/ } 定位 静态 所有的标签默认都是静态的static,无法改变位置 相对定位(了解) 相对于标签原来的位置做移动…

（1） css的核心基础

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