css三种引入方式 和四种基本选择器

/*内接样式*/

/*1 选择器 选中的是 ‘共性’*/span{color:green;font-size:30px;

}

/*组合选择器*/ul,ol{list-style:none;

}

/*2 类选择器 .类名 选中的也是共性 可以有多个*/.active{color:blue

font-size: 30px;

}

/*3.id选择器 选中的是‘特性’ # id是唯一的*/#p1{color:green;

}

/*4. 通配符选择器 * 在以后工作中不要用这个*/

/*一开始布局页面如果写css,一定要重置*/

/*将所有的边界空隙都设置为 不空格

*{

padding: 0;

margin: 0;

}*/a{

/*清除a标签的下划线*/text-decoration:none;

}.baidu{color:blue;

/*加下划线*/text-decoration:underline;

/*显示小手的状态*/cursor:pointer;

}input{border:none;width:400px;height:40px;border:1px solid #e0e0e0;font-size:22px;

}

行内样式

行内样式2

p1的id

p2的id

王先生

百度一下

百度一下

简述css样式的三种引入html的方式,css-1,css的三种引入方式 基本选择器相关推荐

  1. 把css样式表与html网页关联的方法,Dreamweaver 教程-CSS样式表的3种关联方法

    下面我们来讲讲如何为一个网页添加CSS样式. 内部样式表 内部样式表需要在网页的 部分定义,格式如下: 行内样式表(内嵌样式表) 它的使用方法我们在前两节也已经使用过了.行内样式表直接在标签内部定义, ...

  2. css样式vue元素从一个背景色和字体颜色缓缓变成另一种颜色

    :hover悬停在元素上 .2s为渐变时间是2秒 .search-popup-buttom1{background: #f8f8f8;color: #666;transition: all .2s;} ...

  3. 网站https加载不出css样式_Python Web全栈之旅04--Web前端●走入CSS的世界

    一.CSS初认识 1.趣调查 2."装修小能手" 前面我们研究了HTML,回顾下它是做什么的? 当我们用HTML搭建好网页的基本骨架,下面请出我们的"装修小能手" ...

  4. 在html中样式表的三种类型,css样式有哪几种类型?

    CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌入式和外部式三种.下面本篇文章就来给大家介绍一下CSS样式的类型,希望对大家有所帮助. 内联式样式 内联式 ...

  5. 网页制作 css样式,网页设计与制作-CSS样式.ppt

    网页设计与制作-CSS样式 第四章CSS样式 4.1 CSS样式的定义和使用 4.1.1什么是CSS CSS(Cascading Style Sheet,层叠样式表)是一种格式化网页的标准方式,它扩展 ...

  6. 怎样将css导入html文件中,css样式怎么导入?

    css导入样式的方法:1.使用@import导入CSS样式表.2.行内样式就是把css样式直接写在HTML标签中.3.内嵌样式主要是将样式写在标签中.4.链接样式主要是通过link标签将css文件链到 ...

  7. CSS样式属性(一)

    字体样式 font-size:字号大小 font-size属性 设置字号 该属性的值可以使用相对长度单位 也可以使用绝对长度单位 其中相对长度单位比较常用 推荐使用px像素单位 相对长度单位 说明 e ...

  8. 从零开始学习html(七)CSS样式基本知识

    一.内联式css样式,直接写在现有的HTML标签中 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equi ...

  9. CSS 样式书写规范,css样式书写规范

    在工作当中css样式是非常重要的,但是咋样书写css样式更重要. 一.css书写规范 1.定位属性:position  display  float  left  top  right  bottom ...

  10. html样式表是不是css,css样式是什么

    什么是css样式? 一.CSS样式定义   -   TOP 简单地讲,CSS样式全称为Cascading Style Sheets,中文翻译为"层叠样式表",简称样式表有被我们称为 ...

最新文章

  1. java actor akka_Actor 模型及Akka简介
  2. Coursera课程Python for everyone:chapter7
  3. BZOJ 2716 [Violet 3]天使玩偶 (CDQ分治、树状数组)
  4. 微信好友特征数据分析及可视化
  5. OpenGL超级宝典笔记——遮挡查询 [转]
  6. Sonar 质量扫描的输出日志--对应源码的跟踪(二){sonar engine源码}
  7. bean json转kotlin_Android kotlin插件神器Json直接生成javaBean
  8. 泛型数组列表ArrayList
  9. Android Gallery组件实现循环显示图像
  10. lua 面向对象入门
  11. lm358 pdf应用电路资料及引脚图
  12. 如何开发一门编程语言
  13. vnc远程,在windows下如何实现vnc远程
  14. AttributeError:partially initialized module ''has no attribute''(most likely dueto a circular import
  15. WIN10系统开机一个WIFI都找不到,网络适配器里没有WLAN驱动,连接不了网络问题【耗时3天测试10多种方法】
  16. elcipse开发android locat一会显示一会消失的问题
  17. mysql中表结构是什么_查询MySQL数据库中表结构
  18. 5G智慧灯杆系统在智慧街区的应用
  19. 苹果怎么截图?教你各种iPhone机型截屏方法
  20. 手机页面底部浮动的按钮

热门文章

  1. 局域网连接SQL Server数据库配置
  2. SQL SERVER 中identity
  3. 0419 一些不错的UI作品,以后陆续更新
  4. X264电影压缩率画质
  5. 正基模组:WIFI/BT/GPS/FM模组列表
  6. java编程基础素数实验报告,JAVA 基础编程练习题1 (输出素数)
  7. java 常见bug_java常见bug
  8. c++显式加载dll并使用DLL的类
  9. subject.login(token)是如何确认账号密码的_教你如何删除、关闭、注销微信小程序...
  10. java executor_Java并发编程(08):Executor线程池框架