首页 > 编程语言 >尚硅谷-JavaWeb CSS

尚硅谷-JavaWeb CSS

时间:2022-09-28 08:47:40浏览次数:46  
标签:JavaWeb 样式 标签 css 硅谷 选择器 CSS 属性

1. CSS:层叠样式表单,用于(增强)控制网页样式并允许将样式信息域网页内容分离的一种标记性语言;

2. CSS和HTML的组合方式:

  第一种:在标签的style属性上设置"key:value value",修改标签样式;(复用性差,麻烦)

  第二种:在head标签中,使用style标签定义各种自己需要的css样式;(只能在同一页面内复用,不能在多个页面中复用,维护起来不方便)

  第三种:把css样式携程单独的css文件,再通过<link>标签引入复用;

     <link> 标签专门用来引入css样式代码;<link  rel="stylesheet"  type="text/css"  href="1.css">

3. CSS选择器

  3.1 标签名选择器:格式是  标签名{  属性:值  }

  3.2 id 选择器:可以通过id属性选择性的使用这个样式;格式是  #id  属性值  {  属性:值  }

  3.3 class 选择器:可以通过class属性有效的选择性地使用这个样式;格式是  .class  属性值  {  属性:值  }

  3.4 组合 选择器:可以通过class属性有效的选择性地使用这个样式;格式是  选择器1,选择器2,选择器n  {  属性:值  }

标签:JavaWeb,样式,标签,css,硅谷,选择器,CSS,属性
From: https://www.cnblogs.com/LinxhzZ/p/16736051.html

相关文章

  • CSS基础(基于黑马程序员视频的学习笔记)
    一、CSS选择器1、标签选择器选中所有的该标签标签名{CSS属性名:属性值;}2、类选择器.类名{CSS属性名:属性值;}所有标签都有class属性,class属性的属......
  • css语言
    css:样式表、级联样式表、层叠样式表css写在style标签里面,放在head标签中;大括号中写键值对语法color:文字颜色Font-family:字体Font-size:字号text-indent:首行缩进单位......
  • 前端三件套 HTML+CSS+JS基础知识内容笔记
    HTML基础目录HTML基础HTML5标签doctype标签html标签head标签meta标签title标签body标签文本和超链接标签标题标签段落标签换行标签水平标签强调标签图片标签与超链接标签......
  • JavaWeb5 JDBC
       packagecom.itheima.jdbc;importjava.sql.Connection;importjava.sql.DriverManager;importjava.sql.SQLOutput;importjava.sql.Statement;publi......
  • CSS3 实现 网页顶部进度条
    有朋友们问网页顶部进度条 如何应用,现在github大部分国外网站都在用,这个效果可以使用现成的一些插件比如 ​​这个​​​,​​这个​​​,还有​​这个​​。比如youtobe......
  • Javaweb核心之注解开发Servlet
    这是一篇关于讲解如何正确使用51CTO博客-Markdown的排版示例,希望通过此,大家都能轻松上手,都能通过Markdown能#4注解开发Servlet4.1Servlet3.0规范4.2注解开发入门案......
  • Javaweb核心响应对象
    1响应对象1.1响应对象概述1.1.1关于响应响应,它表示了服务器端收到请求,同时也已经处理完成,把处理的结果告知用户。简单来说,指的就是服务器把请求的处理结果告知客户端......
  • javaweb核心之会话技术
    1会话技术1.1会话管理概述1.1.1什么是会话这里的会话,指的是web开发中的一次通话过程,当打开浏览器,访问网站地址后,会话开始,当关闭浏览器(或者到了过期时间),会话结束。举......
  • JDBC 尚硅谷 days01-数据库连接方式
    1.JDBC(JavaDatabaseConnectivitu):是一个独立于特定数据库管理系统、通用的SQL数据库存储和操作的公共接口;2.JDBC接口包括两个层次面向应用的API:JavaAPI,抽象接口,......
  • JavaWeb--JavaScript--2022年9月27日
    第一节  简介  第二节  JavaScript引入方式1、内部脚本:将JS代码定义在HTML页面中<!DOCTYPEhtml><htmllang="en"><head>  <meta......