码迷,mamicode.com
首页 > Web开发 > 详细

CSS入门

时间:2018-04-26 01:01:23      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:png   col   链接   定义   图片   cto   ref   部分   element   

语法:

css基本语法通常包含两个部分:

  1.选择器

  2.一个或多个声明.

技术分享图片

注意:如果一个属性多个值,那么多个属性值之间用空格隔开即可.

CSS引入方式:

  1. 行内样式(html标签中添加属性style)
  2. 页面内样式(在<head>标签中使用<style>标签社会css)
  3. 外部样式(单独定义一个.css的文件,在<head>中引入该文件)

    eg: <link href=".class文件地址" rel="stylesheet" type="text/css"/> 

CSS常用选择器:

CSS 元素选择器  ( element )

CSS 类选择器  ( .classname )

CSS ID选择器  ( #id )

CSS 属性选择器  ( [attr] )

CSS 后代选择器  ( selector1空格selector2 )

CSS 子元素选择器  ( DadSelector>ChildSelector )

CSS 兄弟选择器  ( selector1+selector2 )

CSS 伪类  ( selector:pseudo-class )

//锚伪类
a:link {color: #FF0000}    /* 未访问的链接 */
a:visited {color: #00FF00}    /* 已访问的链接 */
a:hover {color: #FF00FF}    /* 鼠标移动到链接上 */
a:active {color: #0000FF}    /* 选定的链接 */

CSS 伪元素  ( selector:pseudo-element )

p:first-line
  {
  color:#ff0000;
  }

 

CSS入门

标签:png   col   链接   定义   图片   cto   ref   部分   element   

原文地址:https://www.cnblogs.com/laodang/p/8947487.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!