html/css 学习笔记
html和css学习笔记
蜗牛式学编程
这个作者很懒,什么都没留下…
展开
-
css基础——字体样式
color:用来设置字体颜色 font-size:用来设置字体大小,浏览器中一般默认的文字大小都是16px font-size 设置的并不是文字本身的大小 在页面中,每个文字都是处于一个看不见的框中 我们设置的font-size实际上都是设置格的高度,并不是字体的大小 一般情况下文字都要比这个格要小,也有时会比格要大 根据字体的不同,显示效果也不同 font-family:用来指定文字的字体 当采用某种字体时,如果浏览器支持则使用该字体,如果字体不支持,则使用默认字体 该样式可以同时指定多个..原创 2021-03-02 01:24:52 · 242 阅读 · 0 评论 -
css基础——伪类选择器
伪类专门用来表示元素的一种特殊的状态 例如:访问过的找链接,普通的超链接,获取焦点的文本框 当我们需要为这些特殊状态的元素设置样式时候,就可以用伪类 给链接定义样式 正常连接 语法:a:link 访问过的链接 语法::visited 浏览器是通过历史记录来判断一个链接是否访问过 由于涉及到用户的隐私问题,所以使用visited伪类只能设置字体颜色 鼠标移入的连接 语法:a:hover 正在点击的连接 语法:a:active :hover 和 :active 也可以为其他元素设置 但IE6中,不支持对超链接原创 2021-02-27 12:36:01 · 195 阅读 · 2 评论 -
css基础——子元素和后代元素选择器
元素之间的关系 父元素:直接包含子元素的元素 子元素:直接被父元素包含的元素 祖先元素:直接或间接包含后代元素的元素,父元素也是祖先元素 后代元素:直接或间接被祖先元素包含的元素,子元素也是后代元素 兄弟元素:拥有相同父元素的元素叫兄弟元素 后代元素选择器 作用:选中指定元素的指定后代元素 语法:祖先元素 后代元素{ } 子元素选择器 作用:选中指定父元素的指定子元素 语法:父元素 > 子元素 IE6及一下的浏览器不支持子元素选择器 <!doctype html> <ht原创 2021-02-26 16:54:55 · 583 阅读 · 0 评论 -
css基础——常用选择器
<!doctype html> <html> <head> <meta charset="utf-8" /> <title>常用选择器</title> <style type="text/css"> /* 为页面中的所有p标签,设置一个字体颜色为红色 */ /* *元素选择器 * 作用:通过元素选择器可以选择页面中的所有原创 2021-02-26 16:16:00 · 98 阅读 · 0 评论 -
内联和块元素
div就是一个块元素 所谓块元素就是独占一行的元素,无论他的内容有多少他都会独占一行 p h1 h2 h3……都是块元素,独占一行 div这个标签没有任何语义,就是一个纯粹的标签 并且不会为它里面的元素设置任何的默认样式 div元素主要用来对网页进行布局的 span是一个内联元素(行内元素) 所谓的行内元素,指的是只占自身大小的元素,不会占用一行 常见的内联元素: a ,img ,iframe,span span没有任何的语义,span标签专门用来选中文字,然后为文字设置样式 块元素原创 2021-02-26 15:22:19 · 99 阅读 · 0 评论