css随笔1

要用到css,首先就得引入,今天学会了三种css的引入方式:

1.行内引用

<body style="background-color:red;">

<p style="color:#666;">这是行内引用css层叠样式后的P标签</p>

PS:记得要养成良好习惯,写完一个属性 值后加分号,注意是英文状态下哦。

2.业内引用

<head>
        <style type="text/css">
            body{
                       background-color:red;
                    }
</head>

<head>
        <style type="text/css">    /*type="text/css" 对浏览器声明应用的是css*/ h1{ background:red; font-size:12px; }

</head> 

ps:虽然<style></style>标签可以定位在任何地方,但是,我们要把它定位在<head></head>之中,因为这样可以以最快的速度加载。

3.外部引用

在css里面:
p{
    font-size:12px;
}
在html里面:
<head>
  <link rel="stylesheet" type="text/css" href="css样式的路径“/>
</head>

在css里面:
h1{
    font-size:12px;
    color:red;
}
在html里面:
<head>
  <link rel="stylesheet" type="text/css" href="css样式的路径“/>
</head>

PS:三种引入方式的优先级:就近原则 -------行内引用>业内引用>页外引用

通配选择符  *

*{
    color:red;
}

*{
   font-size:12px
}

元素选择符

h1{
  color:red;
}

p{
   font-size:12px;
}

群组选择符

h1,p{
         color:red;
}

h1,h3,h5,p{
                 font-size:12px;
                 color:red;
 }
时间: 2024-10-14 22:34:13

css随笔1的相关文章

没人看系列----css 随笔

目录 没人看系列----css 随笔 没人看系列----html随笔 前言 没什么要说的就是自己总结,学习用的如果想学点什么东西,请绕行. CSS (Cascading Style Sheets)层叠样式表 引入方式 1.行内式 行内式是在标签的style属性中设定CSS样式. <div style="width:200px;height:100px;border:1px solid black;"></div> 2.嵌入式 嵌入式是将CSS样式集中写在网页的&

CSS随笔

注:随笔有错误,全屏本人自己开发所写,不推荐借鉴. CSS背景操作: div居中: background-position:center;div在中间居中 background-position:right bottom;div在右下角 background-position:20px 30px;距离左边20个像素,距离上边30个像素. background-repeat:no-repeat;背景图片只设置一个,不平铺 写两个具体的值的时候,第一个值代表水平方向,第二个值代表垂直方向. 背景是否

html/css随笔

那个,,,由于上一篇发的那个,在前端哪里搜索不到,我感觉是我上一篇弄的标题不对了,所以现在在发一篇,应该在前端哪里就能直接找到 声明下,本人小白,望大神看了勿喷,多多指点,下面咱们进入正题. 为了界面好看点,先在WPS编写了一遍,弄了几个框架图片,会添加一些色彩,更容易让大家看明白,过一段时间就会发Java的,大概也就是一周一 篇,,或者是一周两篇博客,因为现在正在学,只能一边学,然后在星期的时候把学到的总结一下,发出来学到的东西,给大家分享,希望大家喜欢... 1.HTML的基础 HTML是用

Css随笔2

1. css中: a:link { /*表示普通的,未被访问的链接状态*/    color: black;} a:visited { /*表示链接被访问过后的状态*/    color: blueviolet;} a:hover { /*表示鼠标放在上面时的状态*/    color: red;} a:active { /*表示链接被点击时的状态*/    color: green;} 其中,hover必须在link和visited之后:active必须在hover之后,可放在其他标签的使用上

css随笔7

css也进入了终章了,今天学习了css布局,首先就是一个新标签---div标签,我们可以把它理解成一个容器:文档流,档流其实就是指浏览器生成页面的顺序,body 元素下的任意元素, 根据其前后顺序,组成了一个个上下关系,这便是文档流,文档流是浏览器的默认显示规则...还是实操下吧: display 元素显示模式 div{ display:block/*display 属性用来设置元素的显示方式. block 块对象指的是元素显示为一个方块,默认显示状态下将占据整行,其它的元素只能另起一行显示.

*css随笔4

text-shadow(文字阴影) html: <p>文字阴影</p> css: p{ text-shadow:2px 3px 4px red: } ps:前两个值是必须要滴,分别是水平阴影和垂直阴影的位置,允许负值: 第三个值是模糊的距离,最后一个不用说都知道是颜色.      元素样式 /*宽度*/ div { width:50px; } /*高度*/ div { width:50px; } /*外边距*/ div { width:300px; height:100px; ma

CSS随笔(CSS mastery 随笔)

CSS的class 可以到处用,不能用多,不然,语义化不好. div,span 也不能乱用,滥用,页面的语义化会变差. CSS起名字不要和样式耦合,要和功能耦合. css1,96年,添加了font.color,margin等等. css2 98年添加了float,position,和一些 父亲.孩子.兄弟等选择器,等等. 2002年的css2.1是成熟的推荐css标准. css3新增了背景.边框.动画.布局类型等属性,并且分批次发布.2012年有了大致的情形. html 1999发布了html4

CSS 随笔

CSS2.0font-style font-familiy font-size font-weightline-height color text-transform text-shadowletter-spacing word-spacing text-decoration text-indent text-overflow vertical-align text-alignword-wrap background background-color background-imagebackgr

css随笔1(css常用样式)

样式 属性 大小 font-size(x-large ; xx-small ; 可用数值单位 : PX,PD) 样式 font-style(oblique 偏斜体 : italic 斜体 : normal : 正常) 行高 line-height(单位 : PX,PD,EM) 粗细 font-weight(bold 粗体: lighter: 细体: normal : 正常) 修饰 text-decoration(underline 写划线 : overline 上划线 : line-throug