美文网首页
CSS之基础知识开篇(五)

CSS之基础知识开篇(五)

作者: 莫失丿莫忘 | 来源:发表于2017-06-22 15:45 被阅读13次

1.鼠标样式

Cursor: pointer 鼠标变成小手
Cursor: default; 默认光标:小白箭头
Cursor : move; 移动 :指示某对象可被移动;四个方向的箭头
Cursor : text ; 文本输入
网页布局:
给一个盒子 : 宽度高度 背景边框 位置

2.Border-radius

Border-radius: 左上 右上 右下 左下; 顺时针
四个角的分解属性由左上角顺时针附值。
圆角矩形:border-radius:(高的一半 ) 50% 50% 50%50%;
例:一边保持原状为0;

border-radius: 7px 7px 7px 0;

效果图:

Paste_Image.png

3.标签嵌套

  • 块级元素 --- 任何元素可以的。
  • 行内元素 -- 行内元素 只 嵌套元素 b u span i - s
  • P 不能放 div。
  • a 无所不能 。 a里面不能放 a input 等

相关文章

  • CSS之基础知识开篇(五)

    1.鼠标样式 Cursor: pointer 鼠标变成小手Cursor: default; 默认光标:小白...

  • CSS之基础知识开篇(三)

    1.浮动产生负作用 背景不能显示由于浮动产生,如果对父级设置了(CSS background背景)CSS背景颜色或...

  • CSS之基础知识开篇(四)

    1.Z-index 层级 只有 定位的盒子 (除了static) 才有 z-index如果都是定位 绝对定位 ...

  • CSS之基础知识开篇(一)

    1. CSS的组成 css 样式由选择符和声明组成,而声明又由属性和值组成。 1.1 选择符(选择器)选择符:又称...

  • CSS之基础知识开篇(二)

    1.CSS盒模型 盒子模型有两种,分别是标准盒子模型和IE盒子模型。 CSS 把盒模型分为两种基本形态:Block...

  • 好程序员web前端培训之CSS基础知识之position

    好程序员web前端培训之CSS基础知识之position CSS定位机制 标准文档流(Normal flow) 浮...

  • CSS样式表继承详解

    最近在恶补css样式表的基础知识。上次研究了css样式表之冲突问题详解。这次是对css继承特性的学习。 什么是cs...

  • CSS相关汇总

    CSS命名规范 CSS基础知识 CSS优化技巧 CSS的继承关系 CSS的选择器关系介绍

  • css基础知识五

    什么是 CSS hack 由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozill...

  • css基础知识五

    浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 特征: 浮动元素的框可以向左或者向右移...

网友评论

      本文标题:CSS之基础知识开篇(五)

      本文链接:https://www.haomeiwen.com/subject/xuefcxtx.html